CSS中可以通過設置repeat屬性來實現在x軸上重復的效果。repeat屬性可以指定圖案、顏色等樣式在x軸上的重復次數和間隔。

如果想要讓一個背景圖案在x軸上重復3次，可以寫出如下CSS代碼：

div {
  background-image: url('pattern.png');
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
}

這段代碼會將pattern.png這個背景圖案在x軸上重復3次，y軸上則不重復，如果想要改變重復次數，可以調整repeat屬性的值，也可以設置background-position屬性來調整圖案的起始位置。

CSS還提供了linear-gradient函數，可以創(chuàng)建在x軸上重復的顏色漸變效果。

div {
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
}

這段代碼會創(chuàng)建一個從紅色到紫色的顏色漸變背景，并在x軸上重復，y軸上則不重復，通過調整顏色漸變的起始顏色和結束顏色，以及調整repeat屬性的值，可以實現不同的重復效果。