repeat -x

1、repeat-x是横向铺满，就是在#header.nav-box中，图片nav-box-bg.gif会横向重复，直到铺满。

2、repeat-y是纵向，就是在#header.nav-box中，图片nav-box-bg.gif会竖向重复，直到铺满。

3、如果想要横轴和竖轴都平铺的话，直接用background-repeat:repeat;就可以了。

4、扩展资料：

5、css参考函数

6、attr()返回所选元素的属性值

7、hsl()使用Hue-Saturation-Lightness模型（HSL）定义颜色

8、hsla()使用Hue-Saturation-Lightness-Alpha模型（HSLA）定义颜色

9、linear-gradient()将线性渐变设置为背景图像。 定义至少两种颜色（从上到下）

10、radial-gradient()将径向渐变设置为背景图像。 定义至少两种颜色（中心到边缘）

11、参考资料来源：

12、repeat-x是横向铺满，就是在#header .nav-box中，图片nav-box-bg.gif会横向重复，知道铺满；

13、repeat-y是纵向，就这么回事，如果不想重复，no-repeat.

【#repeat -x#】到此分享完毕，希望对大家有所帮助。