css x轴平铺

CSS中可以使用background-position-x属性控制元素的背景图像在X轴的位置，从而实现X轴的平铺。以下是例子：

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

在这个例子中，div元素的背景图片被设置为"bg.png"，并且background-repeat属性被设置为repeat-x。这意味着背景图片会在X轴方向上水平平铺。接着，background-position-x被设置为50%，这就意味着背景图片会从元素的中间开始平铺，并且图片的左半边和右半边都会平铺到元素的两侧。

还可以使用"left"、"center"、"right"关键字来控制图片的位置，如下所示：

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

在这个例子中，背景图片会从div元素的左侧开始平铺。