为<li>(html列表)上的每个链接添加不同图标的痛苦方法

Question

看看这个:http://jsfiddle.net/PFQke/

我希望以一种聪明的方式为该菜单系统添加一些图标,我不是前端开发人员,所以我很喜欢css.

这就是我喜欢的:

谢谢你的帮助!

Answer 1

添加到每个<li>这样的类:

<div id="vertmenu"> 
   <ul>
      <li class="home-ico"><a href="#" tabindex="1">Home</a></li>

然后添加一些css代码:

#vertmenu .home-ico {
   background: url("path_to_img") no-repeat top left;
   padding: 2px 0 0 25px;
}

这只是一个例子,但你可以从这开始.
例如,如果您的图标大于25px,则必须调整填充.