在CSS中，背景图像可以在水平方向上平铺。使用background-image、background-position以及background-repeat属性，可以实现x轴方向的平铺。
background-image: url('background.png');
/* 背景图像的URL地址 */
background-position: left top;
/* 背景图像的水平和垂直方向上的位置 */
background-repeat: repeat-x;
/* 背景图像在水平方向上平铺 */
其中，background-repeat属性可以设置为以下值：
- repeat：在x轴和y轴方向上都平铺。
- repeat-x：在x轴方向上平铺。
- repeat-y：在y轴方向上平铺。
- no-repeat：不平铺。
除了使用repeat-x值，还可以结合background-size属性来控制背景图像在x轴方向上的铺放情况。
background-image: url('background.png');
background-position: left top;
background-repeat: no-repeat;
background-size: 100px 50px;
/* 图像在x轴和y轴方向上的大小 */
在上述代码中，图像在水平方向上的大小为100px，垂直方向上的大小为50px。因为设置了no-repeat，所以图像不会在水平方向上重复平铺。
总之，使用CSS中的background-image、background-position和background-size，结合background-repeat属性，可以轻松实现水平方向上的背景图像平铺效果。
