CSS中的圖片平鋪有時是我們網頁設計中常用的技巧之一。通過平鋪，可以使一頁中的背景圖片重復出現，從而達到更好的視覺效果。本文將為大家介紹如何使用CSS來實現背景圖片的平鋪。 首先，需要為背景指定一張圖片。在CSS中，我們可以使用background-image屬性來指定圖片，例如：

body {
background-image: url("image/background.jpg");
}

在上述代碼中，我們為整個頁面的背景指定了一張名為background.jpg的圖片。但是，如果這個圖片大小不夠滿足整個頁面的需求，就需要進行平鋪。 接下來，我們需要使用 background-repeat 屬性來指定如何平鋪背景圖片。此屬性有如下取值： - repeat：默認值，表示背景圖片在垂直和水平方向都重復平鋪。 - repeat-x：只在水平方向上平鋪。 - repeat-y：只在垂直方向上平鋪。 - no-repeat：不進行平鋪，圖片只顯示一次。 例如，如果我們想在水平方向上重復平鋪背景圖片，可以這樣寫：

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

如果想在垂直方向上重復平鋪，將 repeat-x 改為 repeat-y 即可。 當然，如果想同時在垂直和水平方向上重復平鋪，可以直接省略 background-repeat 屬性，因為 repeat 是默認值。 最后，如果想讓背景圖片不平鋪，只顯示一次，可以這樣寫：

body {
background-image: url("image/background.jpg");
background-repeat: no-repeat;
}

綜上所述，通過指定 background-image 和 background-repeat 屬性，我們可以實現 CSS 中的圖片平鋪效果。希望對大家有所幫助！