CSS 是前端開發(fā)中最重要的一部分，它可以讓我們對頁面的樣式和布局進(jìn)行高度定制。在很多情況下，我們需要使用多個(gè)圖片來實(shí)現(xiàn)某些效果，如背景紋理。如果只使用一張圖片，則難以滿足多樣化的需求，而使用多張圖片會增加頁面加載時(shí)間。這時(shí)候，我們可以使用 CSS 的平鋪功能來實(shí)現(xiàn)多個(gè)圖片的平鋪效果。

.example {
background-image: url("img/pattern1.png"), 
url("img/pattern2.png"), 
url("img/pattern3.png");
background-repeat: repeat-x, repeat-y, repeat;
}

如上代碼所示，我們使用了 background-image 和 background-repeat 兩個(gè) CSS 屬性來實(shí)現(xiàn)多個(gè)圖片的平鋪效果。其中，background-image 屬性引入了三張不同的圖片，分別是 pattern1.png、pattern2.png、pattern3.png。通過使用逗號分隔，我們可以一次性引入多張圖片。而 background-repeat 則控制了每張圖片的平鋪方式。

我們可以看到，在上述代碼中，我們使用了三個(gè)不同的 background-repeat 值來控制這三張圖片的平鋪方式。其中，第一張圖片使用了 repeat-x 值，即橫向平鋪；第二張圖片使用了 repeat-y 值，即縱向平鋪；而最后一張圖片則使用了 repeat 值，即橫向和縱向都進(jìn)行平鋪。這樣，我們就可以實(shí)現(xiàn)多種不同的平鋪方式，以達(dá)到更多樣化的效果。

總結(jié)來說，CSS 的平鋪功能是一種非常有用的技巧，可以讓我們在使用多張圖片的情況下，實(shí)現(xiàn)更多樣化的效果，同時(shí)不會增加頁面的加載時(shí)間。通過使用 background-image 和 background-repeat 這兩個(gè)屬性，我們可以輕松地實(shí)現(xiàn)多個(gè)圖片的平鋪效果，并根據(jù)需求自由地定制每張圖片的平鋪方式。