css背景铺满整个div

如果你想要让一个div元素的背景铺满整个div，那么可以使用CSS的background-size属性来实现。这个属性可以设置背景图片的尺寸，让它自适应div元素的大小。

background-size: cover;
 

上面这行代码的意思是让背景图片按照比例扩大或缩小，保持它的纵横比，完全覆盖div元素。如果想要拉伸图片以适应元素，而不考虑它们的纵横比，可以使用以下代码。

background-size: 100% 100%;
 

下面的代码演示了如何实现一个铺满整个div的背景图。

/*CSS*/
.container {
  width: 100%;
  height: 500px;
  background-image: url('bg.jpg');
  background-size: cover;
  background-position: center center;
}
 

上述代码使用了一个div元素，并设置它的高度为500像素。然后它添加了一个背景图像，用cover属性让图片铺满整个容器，且位于容器的中央。

<!--HTML--><div class="container"> <!--此处放置容器中的内容--></div>

最后，将上面的代码粘贴到你的CSS文件中，然后使用HTML把div元素添加到页面中即可让你的背景图像完美地铺满整个div。