html调整背景页⾯的⼤⼩,css如何设置背景图⽚⼤⼩
css如何设置背景图⽚⼤⼩
在css中控制插⼊背景图⽚的⼤⼩⽤background-size属性。
background-size语法:background-size: length|percentage|cover|contain;
length⽤法:
(相关课程推荐:css视频教程)background-size:100px; //背景图⽚显⽰的宽和⾼为100像素
html如何设置图片滚动background-size:100px 160px;//背景图⽚显⽰的宽为100像素,⾼为600像素
percentage⽤法:background-size:60%; //背景图⽚的显⽰宽度和⾼度是图⽚⼤⼩60%;
background-size:60% 80%; // 背景图⽚的显⽰宽度是图⽚⼤⼩的60%,⾼度是80%;
cover⽤法:background-size:cover;// 把背景图像扩展⾄⾜够⼤,以使背景图像完全覆盖背景区域。
// 背景图像的某些部分也许⽆法显⽰在背景定位区域中。
contain⽤法:background-size:contain; //把图像图像扩展⾄最⼤尺⼨,以使其宽度和⾼度完全适应内容区域。
本⽂来⾃css3答疑栏⽬,欢迎学习!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。