CSS 中有一種非常重要的背景樣式——背景平鋪。通常情況下，我們需要給網頁設置一個背景，但是使用一張圖片作為背景的時候，圖片的大小不能充滿整個頁面，我們就需要使用平鋪來填充頁面背景。

要使用背景平鋪，我們需要使用 CSS 的 background-repeat 屬性。該屬性有四個取值：repeat、repeat-x、repeat-y、no-repeat。

repeat 表示在 x 和 y 軸上都進行平鋪，也就是說，圖片會橫向和縱向平鋪，直到填充整個背景。如果只需要在 x 軸平鋪，可以使用 repeat-x，如果只需要在 y 軸平鋪，可以使用 repeat-y。

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

除了使用屬性設置背景平鋪，我們還可以使用 CSS 的 background-position 屬性來控制圖片的起始位置。background-position 屬性通常采用“水平位置 垂直位置”的方式進行設置，可以使用像素、百分比、關鍵字（如 left、right、center、top、bottom）等值來設置。

body {
background-image: url(bg.png);
background-repeat: repeat;
background-position: center top;
}

當我們需要將多張圖片平鋪到同一個背景上時，可以使用 CSS 的多背景屬性 background 屬性，該屬性支持設置多個背景，并按照一定的順序進行疊加，實現復雜的背景效果。

body {
background: url(bg1.png) top left no-repeat,
url(bg2.png) center center repeat,
url(bg3.png) bottom right no-repeat;
}

總之，掌握了 CSS 的背景平鋪屬性，我們就可以更加靈活地設置網頁的背景，達到更好的視覺效果。