700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html调整背景页面的大小 css如何设置背景图片大小

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

时间:2019-12-05 08:39:47

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。