一、在CSS中设置背景图片
在CSS中设置背景图片需要用到background-image属性。假设我们有一张名为background.jpg的图片需要设置为背景图片，代码如下：
body {
background-image: url("background.jpg");
}
这会把背景图片设置为body元素的背景。
二、设置背景图片大小
如果背景图片不是一个固定的大小，并且需要设置为中心对齐，可以使用background-size属性。代码如下：
body {
background-image: url("background.jpg");
background-size: cover;
background-position: center;
}
上述代码将背景图片拉伸到铺满整个body元素，并且在中心对齐。
三、在CSS中设置多张背景图片
在一些场景下，你可能需要同时展示多张背景图片。可以使用background-image属性来实现。代码如下：
body {
background-image: url("background1.jpg"), url("background2.jpg");
background-position: center top, center bottom;
background-repeat: no-repeat;
}
上述代码将展示两张不同的背景图片，一张在顶部中心对齐，另一张在底部中心对齐。
四、如何在HTML中添加背景图片
HTML中可以使用style属性来设置元素的样式，其中就包括背景图片。代码如下：
原创文章，作者：HCRZ，如若转载，请注明出处：https://www.506064.com/n/141072.html
微信扫一扫 
支付宝扫一扫 