用ul，li制作表格时，如何去掉左边的点

来源：互联网发布：vs2017 工具链接mysql 编辑：程序博客网时间：2024/05/22 00:22

用

list-style: none;属性可实现

参考代码：

html:

        <div class="snb">
            <h3>资金管理</h3>
            <ul class="nav">
            <li ><a href="/member/funds/index.html">账户总览</a></li>
            <li ><a href="record.html">账户收支明细</a></li>
            <li class="on"><a href="/member/funds/recharge/online.html">充值</a></li>
            <li ><a href="/member/funds/withdraw/offline.html">提现</a></li>
            <li ><a href="/member/funds/bankcard/index.html">银行卡管理</a></li>
            </ul>
        </div>

css：

.snb .nav{float:left;width:198px;padding-top:1px;list-style: none;}
.snb .nav li{border:1px solid #DFDBDC;border-width:1px 0;margin-top:-1px;width:198px}
.snb .nav li:hover{background:#fa6458}
.snb .nav li a{font-size:14px;line-height:33px;color:#666;height:33px;display:block;padding-left:48px;text-decoration:none}
.snb .nav li.on{background:#fa6458 url(/images/img_new/sp_bu.png) 100% -78px no-repeat;width:199px;margin-right:-1px;position:relative}
.snb .nav li:hover a,.snb .nav li.on a{color:#fff}

0 0