background-repeat 是一个 CSS 属性,用于设置元素背景图像的重复方式。这个属性控制背景图像在元素内的平铺方式,以填充整个背景区域。

background-repeat 属性可以取以下几个值:

1. repeat:默认值。背景图像在水平和垂直方向上都重复。
2. repeat-x:背景图像在水平方向上重复。
3. repeat-y:背景图像在垂直方向上重复。
4. no-repeat:背景图像不重复,只显示一次。

示例:
.element {
  background-image: url('background-image.jpg');
  background-repeat: repeat;
}

在这个例子中,.element 元素的背景图像使用 background-image 属性指定为 'background-image.jpg',并使用 background-repeat: repeat; 让背景图像在水平和垂直方向上都重复。

你还可以使用 repeat-x 或 repeat-y,以使背景图像只在水平或垂直方向上重复:
.element {
  background-image: url('background-image.jpg');
  background-repeat: repeat-x;
}

这将使背景图像仅在水平方向上重复。

通过使用 background-repeat,你可以灵活地控制背景图像的重复方式,以满足设计需求。


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