CSS精靈圖是一種將多張小圖片合并成一張大圖片的技術，通過CSS將大圖片中的小圖片按需要進行定位顯示。這樣可以減少HTTP請求，提高頁面加載速度，減小圖片文件的大小。

下面是一個簡單的示例，將多張小圖片放在一起，通過CSS顯示出指定位置的小圖片：

/*定義一個包含多張小圖片的大圖片*/
.icon {
background-image: url('icon.png');
background-repeat: no-repeat;
}
/*定義每個小圖片的位置和尺寸*/
.icon-home {
background-position: 0px 0px;
width: 16px;
height: 16px;
}
.icon-user {
background-position: -16px 0px;
width: 16px;
height: 16px;
}
.icon-settings {
background-position: -32px 0px;
width: 16px;
height: 16px;
}
/*在HTML中使用*/
<span class="icon icon-home"></span>
<span class="icon icon-user"></span>
<span class="icon icon-settings"></span>

上面的示例中，使用一個包含多張小圖片的大圖片作為背景圖片，在CSS中分別定義每個小圖片的位置和尺寸。在HTML中，通過指定標簽的class屬性為icon和對應小圖片的class屬性來顯示指定的小圖片。

通過使用CSS精靈圖技術，可以減少HTTP請求，提高頁面加載速度，減小圖片文件的大小，同時也可以方便地管理和使用多張小圖片，提高代碼的可維護性。