background-repeat 属性用于设置背景图像是否应在元素框中平铺（重复）以及如何重复。该属性可以接受以下值：

1. repeat（默认值）： 背景图像在水平和垂直方向上都重复。
    background-repeat: repeat;

2. repeat-x： 背景图像在水平方向上重复，但不在垂直方向上重复。
    background-repeat: repeat-x;

3. repeat-y： 背景图像在垂直方向上重复，但不在水平方向上重复。
    background-repeat: repeat-y;

4. no-repeat： 背景图像不重复，只显示一次。
    background-repeat: no-repeat;

5. space： 背景图像在水平和垂直方向上重复，但最后一次重复之后的多余空间会等距分配给各个重复的背景图像。
    background-repeat: space;

6. round： 背景图像在水平和垂直方向上重复，但会根据需要缩放，以确保最后一次重复之后的多余空间被平均分配给所有背景图像，使它们可以完整地适应。
    background-repeat: round;

这些值可以单独使用，也可以组合使用。例如：
.element {
  background-image: url('background.jpg');
  background-repeat: no-repeat;
}

在这个例子中，background-repeat: no-repeat; 表示背景图像不重复，只显示一次。


转载请注明出处：http://www.zyzy.cn/article/detail/5998/CSS