
css如何设置背景图片大小
在css中控制插入背景图片的大小用background-size属性。
background-size语法:background-size: length|percentage|cover|contain;
length用法:
(相关课程推荐:css视频教程)background-size:100px; //背景图片显示的宽和高为100像素
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答疑栏目,欢迎学习!