在設(shè)計(jì)網(wǎng)頁的時候，我們常常需要使用小圖標(biāo)來作為列表或者按鈕的裝飾，以增強(qiáng)網(wǎng)頁的美觀性和可讀性。在實(shí)現(xiàn)這個功能的時候，我們可以使用CSS中的背景圖片來做。

.list-item {
padding-left: 25px; /*保證圖標(biāo)離文字有一定的間隔*/
background: url("image/list-icon.png") no-repeat 0 center; /*background指定背景圖片，no-repeat表示不重復(fù)，0表示橫向位置，center表示縱向位置*/
background-size: 16px; /*指定背景圖片大小*/
}

上面的代碼演示了如何使用CSS來實(shí)現(xiàn)小圖標(biāo)作為列表的裝飾。通過設(shè)置背景圖片，并調(diào)整橫向和縱向的位置，我們可以輕松地制作出漂亮的效果。而且，在需要修改圖標(biāo)時，只需要替換圖片即可，不需要改動HTML或CSS的其他部分。

值得注意的是，我們需要將圖片等資源放置在合適的位置，以便瀏覽器加載。一般來說，我們會放在項(xiàng)目的img文件夾中。同時，為了提高網(wǎng)頁速度，我們可以將多個小圖標(biāo)合并成一張圖片，以減少HTTP請求的次數(shù)。