CSS可以實現多個圖片在一張圖片上的效果，這種技術叫做CSS圖片集合（CSS Sprites）。

為了實現這種效果，我們需要將多張圖片合并成一張圖片，然后通過CSS將要展示的部分顯示出來。

以下是一個包含三個小圖片的示例：

.sprite {
background-image: url("sprite.png");
background-position-x: -50px;
background-position-y: -50px;
width: 50px;
height: 50px;
}
.sprite2 {
background-image: url("sprite.png");
background-position-x: -100px;
background-position-y: -50px;
width: 50px;
height: 50px;
}
.sprite3 {
background-image: url("sprite.png");
background-position-x: -150px;
background-position-y: -50px;
width: 50px;
height: 50px;
}

以上代碼將三個小圖片合并成了一個名為sprite.png的大圖片。然后通過background-position屬性，分別展示出三個小圖片。

通過使用CSS圖片集合技術，可以減少HTTP請求，提高網頁性能。