CSS菜單上添加圖標

Question

我嘗試我的菜單上插入一個圖標，即時通訊使用的下一個菜單： menu css3

它是一個多層次的下拉菜單。我會像在任何級別

<div id="navmenu"> 
<ul> 
<li><a href="#">Three Levels</a> 
     <ul> 
     <li><a href="#">Level 1</a> 
       <ul> 
       <li><a href="#">Level 2</a></li> 
       </ul> 
     </li> 
     <li><a href="#">Level 1 op2</a></li> 
     </ul> 
</ul> 
</div> 

我想添加圖標，從我的CSS菜單插入圖標，你覺得會是怎樣做到這一點的最好方法是什麼？

，如果你能告訴我一個簡單的代碼示例，我將不勝感激

TKS

Answer 1

除非你想有一個背景圖像或精靈，添加圖標最好的辦法是用<img src="" width="" height"" alt"">標籤。

您應該在<a></a>標記之間插入圖像。

Answer 2

您可以將一個類的li元素：

<li class="background"> 
    <a href="#">Level 2</a> 
</li> 

CSS：

.background { 
    background: url('yourImage.png') no-repeat; 
} 

或者直接將其應用於該li標籤：