CSS的圖片組合是指在網頁中使用CSS樣式將多張圖片合并成為一張圖片顯示。它可以減少HTTP請求量，提高頁面載入速度，同時也能提高用戶體驗，使網頁更加美觀。

圖片的組合主要通過CSS的background屬性來實現，通過設置background-image屬性，每個圖像可以通過設置background-position（位置）、background-repeat（重復）、background-attachment（滾動）等其他屬性來控制其在組合圖像中的位置和樣式。例如：

.background {
width: 190px;
height: 40px;
background-image: url(images/1.png), url(images/2.png), url(images/3.png);
background-position: 0 0, 65px 0, 130px 0;
background-repeat: no-repeat, no-repeat, no-repeat;
}

上述代碼中，將三張圖片組合在一起，并移動到background容器的左上角，每張圖片都只占用一個位置，不重復顯示，并且不隨滾動條移動而移動。

如果您要組合的圖片數量更多，您可以使用合成圖來合并多個圖像（例如8個小圖像的組合）。以下是在合成圖中設置圖片的完整語法：

background: url(合成圖的地址X) 橫向位置 擺放位置, 
url(合成圖的地址Y) 橫向位置 擺放位置;

如果您想將組合圖應用于樣式表中的其他元素，只需將background屬性的值應用于該元素即可。

總之，CSS的圖片組合不僅可以增加網頁的美觀程度，而且可以提高用戶訪問速度，使您的網站更快地響應。