css中repeat-x的简单用法

在CSS中，repeat-x是一个background-repeat属性的值，它指定了背景图片在水平方向上重复显示。

使用repeat-x非常简单，只需要把它作为background-repeat属性的值便可。例如：

div {
  background-image: url("image.png");
  background-repeat: repeat-x;
}

上面的代码将会把名为"image.png"的背景图片在div元素的水平方向上重复显示，直到填满全部容器。

值得注意的是，repeat-x只会在水平方向上重复显示背景图片。如果希望在垂直方向上重复显示背景图片，可使用repeat-y值。如果希望同时在水平和垂直方向上重复显示背景图片，可使用repeat值还是直接省略background-repeat属性，默许情况下会使用repeat值。