如何设置css背景图片的大小?

如题所述

通过设置background-size 的属性设置图片大小。

css语法:

background-size: length|percentage|cover|contain;

一、html代码:

二、简单的CSS,给body加上背景设置:

三、效果如下:

扩展资料:

background-size的参数解析( length|percentage|cover|contain;):

(1)length:设置背景图像的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。

(2)percentage:以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为 "auto"。

(3)cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

(4)contain 把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。

参考资料:百度百科--background

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网