CSS背景圖片平鋪的方法

在CSS中，我們可以使用background-image屬性來設置背景圖片，并使用background-repeat屬性來控制圖片的平鋪方式，下面是一些常見的平鋪方式及其對應的CSS屬性值：

repeat默認值，圖片會沿著水平和垂直方向重復平鋪。

repeat-x圖片只沿著水平方向重復平鋪。

repeat-y圖片只沿著垂直方向重復平鋪。

no-repeat圖片不會重復平鋪，只會顯示一次。

如果我們有一張名為background.jpg的圖片，并希望它沿著水平和垂直方向重復平鋪，那么我們可以這樣寫CSS代碼：

body {
    background-image: url('background.jpg');
    background-repeat: repeat;
}

如果我們希望圖片只沿著水平方向重復平鋪，那么我們可以這樣寫：

body {
    background-image: url('background.jpg');
    background-repeat: repeat-x;
}

需要注意的是，如果圖片的尺寸與容器的尺寸不一致，那么平鋪的效果可能會受到容器尺寸的影響，在實際情況中，我們可能需要結合使用其他CSS屬性來調整圖片的尺寸和位置，以達到更好的平鋪效果。