css背景图铺满

/* CSS 背景图铺满示例代码 */

body {
  /* 设置背景图片 */
  background-image: url('your-image-url.jpg');

  /* 背景图片平铺方式：no-repeat 表示不重复 */
  background-repeat: no-repeat;

  /* 背景图片位置：center 表示居中显示 */
  background-position: center;

  /* 背景图片大小：cover 表示铺满整个容器，保持比例 */
  background-size: cover;

  /* 当内容高度大于视口高度时，背景颜色填充剩余部分 */
  background-attachment: fixed;

  /* 设置最小高度为视口高度 */
  min-height: 100vh;

  /* 设置 margin 为 0，确保没有默认的空白边距 */
  margin: 0;
}

解释说明：

1. background-image: 指定背景图片的路径。
2. background-repeat: 设置背景图片是否重复，默认是平铺，这里设置为 no-repeat 表示不重复。
3. background-position: 设置背景图片的位置，center 表示居中显示。
4. background-size: 设置背景图片的大小，cover 表示图片会按比例缩放以覆盖整个容器，可能会裁剪部分内容。
5. background-attachment: 设置背景图片是否随页面滚动而滚动，fixed 表示背景图片固定不动。
6. min-height: 设置元素的最小高度为视口高度 (100vh)，确保背景图片至少铺满整个屏幕。
7. margin: 设置外边距为 0，避免浏览器默认的空白边距影响布局。