当前位置:asp编程网>技术教程>Css3教程>  正文

css去掉li前面的圆点

2008-05-10 12:32:27   来源:asp编程网    作者:佚名   浏览量:1413   收藏

这是一个使用li的例子
<ul>
     <li>百度</li>
     <li>雅虎</li>
     <li>新浪</li>
     <li>谷歌</li>
</ul>
运行这段html代码,会发现在前面有一个黑色的圆点,有时候会觉得这个圆点多余,所以要去掉。去掉的使用方法是:
<ul>
     <li style="list-style-type:none;">百度</li>
     <li style="list-style-type:none;">雅虎</li>
     <li style="list-style-type:none;">新浪</li>
     <li style="list-style-type:none;">谷歌</li>
</ul>
还可以也成这样
<style>
 li {list-style-type:none;}
</style>
<ul>
     <li>百度</li>
     <li>雅虎</li>
     <li>新浪</li>
     <li>谷歌</li>
</ul>
也可以写成
<style>
 .li_style {list-style-type:none;}
</style>
<ul>
     <li class="li_style">百度</li>
     <li class="li_style">雅虎</li>
     <li class="li_style">新浪</li>
     <li class="li_style">谷歌</li>
</ul>


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网