什么是repeat属性
repeat属性是CSS中的一个属性，它用来控制一个元素在水平和垂直方向上的重复次数。它可以让我们把一个元素重复放置，从而达到一种视觉效果，比如可以用来创建一个背景图案。
repeat属性的语法
repeat属性的语法如下：
background-repeat: repeat | repeat-x | repeat-y | no-repeat | space | round;
其中，repeat表示在水平和垂直方向上都重复；repeat-x表示只在水平方向上重复；repeat-y表示只在垂直方向上重复；no-repeat表示不重复；space表示在水平和垂直方向上都会拉伸，以填充整个元素；round表示在水平和垂直方向上都会调整尺寸，以填充整个元素。
使用repeat属性的实例
1、使用repeat属性创建背景图案
例如，我们想要在div元素的背景中创建一个网格图案，我们可以使用如下代码：
div {
background-image: url("grid.png");
background-repeat: repeat;
}
2、使用repeat属性拉伸背景图片
例如，我们想要把一个背景图片拉伸到div元素的整个背景，我们可以使用如下代码：
div {
background-image: url("image.png");
background-repeat: space;
}
3、使用repeat属性调整背景图片的尺寸
例如，我们想要把一个背景图片调整到div元素的整个背景，我们可以使用如下代码：
div {
background-image: url("image.png");
background-repeat: round;
}
以上就是CSS中repeat属性的用法，它可以用来控制一个元素在水平和垂直方向上的重复次数，从而创建一个背景图案，也可以拉伸或调整背景图片的尺寸。使用repeat属性可以让我们轻松地实现一些有趣的背景效果。