在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 标记：