CSS如何设置背景图片平铺？

CSS设置背景图片平铺有两种常见的方式：全屏平铺（repeat）和只水平或垂直平铺。

1. **repeat** 或者 **no-repeat**: 这两个关键字用于控制背景图像是否平铺。`background-repeat: repeat;`会使得图片在x轴和y轴上都重复；而 `background-repeat: no-repeat;`则仅显示一次，不会重复。

selector {
  background-image: url('your-image.jpg');
  background-repeat: repeat; /* 全局平铺 */
  /* 或者 */
  background-repeat: no-repeat; /* 不平铺 */
}

如果你想在x轴和y轴上有不同的行为，可以分别指定，如 `background-repeat: repeat-x;` 水平平铺，`background-repeat: repeat-y;` 垂直平铺。

2. **repeat-x** 和 **repeat-y**: 分别用于指定背景图像沿x轴或y轴重复。

3. **round**: 这种模式会让背景图像在边缘处无缝循环，但是只有在所有浏览器都支持该特性的情况下才能生效。