css中怎么设置图片重复

在 CSS 中，我们可以使用 `background-repeat` 属性来设置图片的重复方式。
在默认情况下，CSS 中的背景图片是无限制地平铺的，这意味着图片会不断重复，直到覆盖整个背景区域。如果我们想要修改这种默认行为，可以使用 `background-repeat` 属性。该属性用于指定如何重复背景图片，其属性值有以下几种：
- `repeat`（默认值）：背景图片会水平和垂直地无限重复。
- `repeat-x`：背景图片只会水平重复，不会在垂直方向上重复。
- `repeat-y`：背景图片只会垂直重复，不会在水平方向上重复。
- `no-repeat`：背景图片只会在水平和垂直方向上各渲染一次，不会重复。
下面是一些示例代码，演示如何使用不同的重复方式来设置背景图片。

/* 将背景图片水平和垂直地重复 */
p {
  background-image: url("bg-image.png");
  background-repeat: repeat;
}

/* 仅在水平方向上重复背景图片 */
p {
  background-image: url("bg-image.png");
  background-repeat: repeat-x;
}

/* 仅在垂直方向上重复背景图片 */
p {
  background-image: url("bg-image.png");
  background-repeat: repeat-y;
}

/* 不重复背景图片 */
p {
  background-image: url("bg-image.png");
  background-repeat: no-repeat;
} 

需要注意的是，如果背景图片大小小于背景区域的大小，那么在 `repeat-x` 或 `repeat-y` 模式下，图片会重复到覆盖整个背景区域。而在 `no-repeat` 模式下，则会在背景区域内居中显示图片，并自动缩放到合适的大小。
总的来说，在 CSS 中设置背景图片重复方式非常简单，只需要根据需要选择合适的 `background-repeat` 值即可。