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