给列表数据增多icon图标

给列表数据增加icon图标

代码：

<li>
      <span style="cursor:pointer;" onclick="showSonMenu(22);">用户管理</span>
</li>

span 标签的 css ：

#main div.sidebar ul li span {
    padding-left: 45px;
    background: url(/public/images/bg_sidebar_li.gif) no-repeat 25px center;
}

padding-left 与 background 结合使用

li 标签的 css ：

#main div.sidebar ul li {
    padding: 6px 0;
    border-bottom: 1px dashed #666666;
    font-size: 14px;
    font-weight: bold;
    font-family: "微软雅黑";
    cursor: pointer;
}

border-bottom 属性使下边框为虚线显示

效果：

给列表数据增多icon图标

参考更多：

http://nodebook.info/book/view?bid=53523a3c19980e913e9be3ee

相关推荐