[分享]css中如何让背景图片占满

在CSS中，如果要让背景图片占满整个屏幕，通常可以使用以下代码：

html, body {
  height: 100%;
  margin: 0;
}
 
body {
  background-image: url("your-image.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} 

这个例子中，我们首先将html和body元素的高度设置为100%，以确保它们覆盖整个屏幕。接着，我们给body元素添加了一个背景图片，并将其定位在屏幕中央。我们还使用了background-size属性来确保背景图片可以缩放以填充整个屏幕。

还有另一种方法可以让背景图片占满整个屏幕，即使用绝对定位。以下是示例代码：

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("your-image.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} 

在这个例子中，我们创建了一个名为.background的元素，并将其设置为绝对定位。我们还将其宽度和高度设置为100%，以确保其覆盖整个屏幕。最后，我们再次使用了background-size属性，以确保背景图片可以缩放以填充整个屏幕。