CSS圖片組合是一種將多張圖片拼成一張的技巧，使得網頁上的圖片可以更加精細和美觀。下面是CSS圖片組合的簡單教程。

第一步，我們要準備好需要組合的圖片，比如有兩張圖片a.png和b.png。將這兩張圖片放在同一個文件夾下，然后在HTML文件中插入這些圖片：

<img src="a.png" />
<img src="b.png" />

第二步，我們需要在CSS文件中設置這些圖片的樣式，并將它們組合在一起。具體操作如下：

img {
width: 100px; /*設置圖片的寬度*/
height: 100px; /*設置圖片的高度*/
display: inline-block; /*將圖片轉化為塊元素，便于設置樣式*/
margin: 0 10px; /*設置圖片之間的間距*/
}
/*將兩張圖片組合在一起*/
img:nth-child(1) {
background: url(a.png) no-repeat; /*將第一張圖片作為背景圖片*/
background-position: center center; /*將背景圖片居中*/
background-size: cover; /*將背景圖片拉伸至鋪滿整個元素*/
}
img:nth-child(2) {
background: url(b.png) no-repeat; /*將第二張圖片作為背景圖片*/
background-position: center center; /*將背景圖片居中*/
background-size: cover; /*將背景圖片拉伸至鋪滿整個元素*/
}

此時我們就可以在HTML文件中看到兩張圖片已經被合并成了一張。需要注意的是，背景圖片的位置和大小需要根據具體情況進行調整。

以上就是CSS圖片組合的簡單教程。通過這種技巧，你可以輕松地將多張圖片組合成一張，為你的網頁增添更多的美觀和精細。