css图片平铺

作者：惨美歌发布日期:2025-07-08 浏览:76

/* CSS 代码示例：图片平铺 */

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

  /* 平铺背景图片 */
  background-repeat: repeat;

  /* 可选：设置背景图片的其他样式 */
  background-size: auto; /* 保持图片原始大小 */
  background-position: center; /* 图片居中显示 */
}

解释说明：

background-image: 指定要使用的背景图片路径。
background-repeat: repeat;: 设置背景图片在水平和垂直方向上重复（平铺）。你可以使用 repeat-x 或 repeat-y 来只在某个方向上平铺。
background-size: auto;: 保持图片的原始大小。如果你想让图片自适应容器大小，可以使用 cover 或 contain。
background-position: center;: 将背景图片居中显示。

如果需要进一步调整，可以根据具体需求修改这些属性。

上一篇：css 禁用滚动条

下一篇：css选择第二个子元素