CSS中的圖片平鋪 在CSS中，平鋪圖片是指將一張圖片水平和垂直地重復使用，填充整個元素的背景。平鋪圖片通常用在網站的背景或元素的背景中，以創建連續的圖案或紋理。 平鋪圖片的語法很簡單，只需要在CSS中為元素添加一個背景圖片，并將其重復。以下是一個最基本的平鋪圖片的CSS代碼： ``` background-image: url('image.jpg'); background-repeat: repeat; ``` 在上面的代碼中，背景圖像是通過URL指定的，repeat關鍵字告訴瀏覽器沿水平和垂直方向不斷重復圖像。 此外，還有其他幾個選項可用于控制平鋪圖片的行為。 no-repeat關鍵字：可以停止圖像的重復，只在元素的一側或中心顯示圖像。 ``` background-repeat: no-repeat; ``` repeat-x關鍵字：只在水平方向上重復圖像。 ``` background-repeat: repeat-x; ``` repeat-y關鍵字：只在垂直方向上重復圖像。 ``` background-repeat: repeat-y; ``` CSS還允許您更改平鋪圖片的起點位置。通過background-position屬性可以設置背景圖像的坐標。 ``` background-position: x y; ``` 其中x和y是坐標值，它們可以是像素、百分比、關鍵字如left、center、right或top、middle、bottom。 例如，將背景圖像水平居中并垂直居中，可以設置以下屬性： ``` background-position: center center; ``` 可以看到，平鋪圖片在設計中的應用是非常廣泛的，只要將適當的圖像添加到您的CSS樣式表中，并使用上述屬性進行定位和重復，就可以輕松地創建獨特且令人印象深刻的設計。