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代码：

在css菜单上添加图标

2 个答案: