去掉<li>默认的标点

来源：互联网发布：java bigdecimal取整编辑：程序博客网时间：2024/06/15 11:05

1.list-style-type:none；

div.SubCategoryBox ul{    list-style-type: none;//就是这句}div.SubCategoryBox ul li{    display: block;    float: left;    width: 200px;    line-height: 20px;}

2.padding=0；

*{
margin:0;
padding: 0;//这个方法很隐蔽，默认的标点占空间但是不属于内容！！！
}

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>品牌列表</title>    <!--<link rel="stylesheet" href="css/案例研究-某网站品牌列表的效果.css" type="text/css">-->    <style>        *{            margin:0;            /*padding: 0;*//*没有注释的时候对应下图*/        }        body{            font-size:12px;            text-align: center;        }        a{            color: #F4D;            text-decoration: none;        }        a:hover{            color:#F50;            text-decoration: underline;        }        div.SubCategoryBox{            /*border:2px solid #cccccc;*/            width:600px;            margin:0 auto;            text-align: center;            margin-top:40px;        }        div.SubCategoryBox ul{            list-style-type: none;/*没有注释的时候对应下图1*/        }        div.SubCategoryBox ul li{            display: block;            float: left;            width: 200px;            line-height: 20px;        }    </style></head><body>    <div class="SubCategoryBox">        <ul>            <li><a href="#">佳能</a><i>(30440)</i></li>            <li><a href="#">索尼</a><i>(27220)</i></li>            <li><a href="#">三星</a><i>(20808)</i></li>            <li><a href="#">尼康</a><i>(1208)</i></li>            <li><a href="#">松下</a><i>(20858)</i></li>            <li><a href="#">卡西欧</a><i>(20808)</i></li>            <li style="display: none;"><a href="#">富士</a><i>(99675)</i></li>            <li style="display: none;"><a href="#">柯达</a><i>(26478)</i></li>            <li style="display: none;"><a href="#">宾得</a><i>(24328)</i></li>            <li style="display: none;"><a href="#">理光</a><i>(6765)</i></li>            <li style="display: none;"><a href="#">奥林巴斯</a><i>(45675)</i></li>            <li style="display: none;"><a href="#">明基</a><i>(20434)</i></li>            <li style="display: none;"><a href="#">爱国者</a><i>(94543)</i></li>            <li style="display: none;"><a href="#">其他品牌相机</a><i>(7275)</i></li>        </ul>        <div class="showmore">            <a href="more.html"><span>显示全部品牌</span></a>        </div>    </div></body></html>

这里写图片描述

阅读全文

0 0