CSS如何设置背景图片大小
CSS的背景属性可以设置背景图片的大小,是用background-size属性,语法如下:
background-size: 宽度 高度;
其中宽度和高度可以用px、em、rem、%等单位进行设置。如果只设置一个值,那么另外一个值会根据原始图像的比例自动适应。如果没有设置background-size属性,那么背景图片会默认拉伸适配背景。
示例代码
以下是一个设置背景图片大小的示例代码:
body { background-image: url("bg.png"); //假设背景图片名称为bg.png background-size: 800px 600px; }
上述代码会将背景图片的宽度设置为800px,高度设置为600px。需要注意的是,在不同的屏幕分辨率下,背景图片的大小可能会有所差异。
总结
通过设置CSS的background-size属性,可以轻松地控制背景图片的大小,更好地适配不同的屏幕分辨率。
本文可能转载于网络公开资源,如果侵犯您的权益,请联系我们删除。
0