css - 在 CSS 菜单上添加图标

Question

我试图在我的菜单上插入一个图标，我正在使用下一个菜单： 菜单 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标签：