在網頁設計中，經常需要使用背景圖進行裝飾，但當背景圖比較小的時候，怎樣讓它平鋪整個頁面呢？這就需要使用 CSS 的背景圖片平鋪。

首先，需要在 CSS 文件中定義背景圖及其平鋪方式：

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

上述代碼中，background-image屬性指定背景圖的路徑，而background-repeat屬性則指定平鋪方式。常見的平鋪方式有：

• repeat：在水平方向和垂直方向都重復平鋪
• repeat-x：在水平方向重復平鋪，垂直方向不平鋪
• repeat-y：在垂直方向重復平鋪，水平方向不平鋪
• no-repeat：不平鋪，僅顯示一次

如果想讓背景圖居中顯示，可以使用下列代碼：

body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

上述代碼中，background-position屬性指定背景圖的位置，這里設置為居中。background-attachment屬性指定背景圖是否隨頁面滾動，這里設置為固定。而background-size: cover;則是讓背景圖以適應屏幕的方式進行放縮，可以保證圖像不變形，同時充滿整個網頁。

綜上所述，利用 CSS 可以簡單地實現(xiàn)背景圖的平鋪效果，能夠美化網頁、增強視覺效果。