css背景图片宽铺满

CSS背景图片可以设置成铺满整个元素的方式，这通常通过`background-size`属性实现。如果你想要图片水平和垂直都铺满容器，你可以使用以下几种方法：

1. **cover** 或 **contain**: 这两个关键字是最常用的。`background-size: cover;`会保持图片的原始比例，并尽可能填充容器，如果图片不够大则会出现裁剪；而 `background-size: contain;`会将图片缩放到适合容器的大小，不会拉伸图像，可能会有留白。

   .full-bg {
     background-image: url('your-image.jpg');
     background-size: cover; /* 或 contain */
     background-position: center;
   }

2. **repeat**: 如果你想让图片重复直到充满整个容器，可以设置为 `background-repeat: repeat-x;` (水平) 或 `repeat-y;` (垂直)，或者两者都设置为 `repeat;`。

   .repeat-bg {
     background-image: url('your-image.jpg');
     background-repeat: repeat;
   }

3. **固定尺寸**: 有时候，你可能希望背景图始终是一个固定的宽度和高度，比如100%容器宽度加上滚动条。这时可以使用 `width: 100%; height: auto;` 并指定图片的宽度作为百分比。

.container {
   width: 100%;
   height: auto;
   background-image: url('your-image.jpg');
   background-size: 100% 100%;
}

记得替换 `'your-image.jpg'` 为你实际的图片路径。如果你想适应各种屏幕尺寸，还可以配合媒体查询调整背景图片的行为。