[分享]css中怎么把背景图片铺满页面

本文将介绍如何在CSS中实现背景图铺满页面的效果。首先，在HTML中需要设置一个div元素来承载背景图，代码如下：在CSS中，需要设置div元素的样式，并将背景图作为其背景。.bgimg { back...

本文将介绍如何在CSS中实现背景图铺满页面的效果。
首先，在HTML中需要设置一个div元素来承载背景图，代码如下：

<div class="bg-img"></div>

在CSS中，需要设置div元素的样式，并将背景图作为其背景。

.bg-img {<br>
   background: url(background.jpg) no-repeat center center fixed; <br>
   -webkit-background-size: cover;<br>
   -moz-background-size: cover;<br>
   -o-background-size: cover;<br>
   background-size: cover;<br>
}

在样式中，background-size属性被用来设定背景图的大小，cover值代表让背景图完全覆盖元素，同时保持图像的比例不变。
值得注意的是，对于不同的浏览器，需要加上相应的前缀以确保样式的兼容性。
最后，可以调整背景图片的位置，如果想让背景图片居中，可以使用background-position属性，如下所示:

.bg-img {<br>
   background: url(background.jpg) no-repeat center center fixed; <br>
   -webkit-background-size: cover;<br>
   -moz-background-size: cover;<br>
   -o-background-size: cover;<br>
   background-size: cover;<br>
   background-position: center;<br>
}

这样就可以实现在CSS中让背景图片铺满页面的效果了。