如何通过css来控制背景图大小?

通过设置background-size 的属性设置图片大小。css语法:background-size: length|percentage|cover|contain;一、html代码:二、简单的CSS,给body加上背景设置:三、效果如下:
如何通过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
2023-11-10
mengvlog 阅读 106 次 更新于 2025-10-31 10:23:47 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部