CSS 中的圖片平鋪是一種常見的技巧，它可以讓一張圖片在頁面中無縫地重復出現，讓頁面看起來更加美觀。在本文中，我們將介紹如何使用 CSS 的 background-repeat 屬性實現圖片平鋪效果。 要讓一張圖片平鋪，我們需要設置它的背景并將其重復。假設我們有一張名為 texture.jpg 的圖片，我們可以使用如下的 CSS 代碼將其平鋪：

p {
background-image: url("texture.jpg");
background-repeat: repeat;
}

上面的代碼將所有 p 元素的背景設為 texture.jpg，并通過設置 background-repeat 屬性為 repeat 將其平鋪。這樣，我們就可以看到這張圖片在頁面中不斷地重復出現。 除了 repeat 外，CSS 還支持其他幾種重復方式，包括 repeat-x（在水平方向上重復）、repeat-y（在垂直方向上重復）和 no-repeat（不重復）。使用這些屬性可以讓我們更加靈活地控制圖片的平鋪效果。 除了使用背景圖片實現平鋪外，我們還可以使用 CSS3 新增的多背景技術實現平鋪。這種方法可以在同一個元素上設置多個背景，其中的最后一個背景將會被重復。例如，我們可以使用如下代碼將 texture.jpg 平鋪到一個 div 元素上：

div {
background: url("texture.jpg"), #ccc;
background-repeat: repeat;
}

上面的代碼將一個灰色的背景和 texture.jpg 一起設置為 div 元素的背景，并設置 background-repeat 為 repeat，從而實現了圖片的平鋪。需要注意的是，我們需要在背景圖片與其他背景之間用逗號分隔，且最后一個背景必須設置為重復。 總的來說，圖片平鋪是一個非常實用的 CSS 技巧，它可以讓我們在網頁設計中更加自如地運用圖片。通過上述介紹，相信大家已經對 CSS 中的背景圖片平鋪有了更深的了解，希望這篇文章能夠幫助大家更好地運用 CSS 制作優美的網頁。