发布网友 发布时间:2023-11-12 17:49
共1个回答
热心网友 时间:2024-11-23 06:49
通过设置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