在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
值。