html调整背景页面的大小,css如何设置背景图片大小

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答疑栏目，欢迎学习！