【html/css】CSS中去掉li前面的圆点方法

来源：互联网发布：linux安装apache服务器编辑：程序博客网时间：2024/05/22 01:32

在CSS中经常会使用到li标签，默认情况下使用li时，会在文字前面自动加上一个黑色的小圆点，有时候会觉得这个圆点多余，所以要去掉。下面介绍几种常用的方法。

    方法一：
<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>

转载自http://www.htmer.com/article/287.htm