CSS樣式中，我們經常需要將一些列表項（<li>標簽）變成圖片，以達到更好的視覺效果。下面是一個簡單的例子：

<ul>
<li>首頁</li>
<li>產品</li>
<li>解決方案</li>
<li>服務</li>
</ul>

我們想要將每個列表項變成一個小圖標，首先需要準備好這些小圖標：

.icon-home {
background-image: url('home.png');
}
.icon-product {
background-image: url('product.png');
}
.icon-solution {
background-image: url('solution.png');
}
.icon-service {
background-image: url('service.png');
}

然后在HTML中添加相應的類名：

<ul>
<li class="icon-home">首頁</li>
<li class="icon-product">產品</li>
<li class="icon-solution">解決方案</li>
<li class="icon-service">服務</li>
</ul>

這樣做之后，每個列表項都會變成對應的小圖標，非常簡單易用。