您的位置:首页 > Web前端 > CSS

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

2013-04-09 19:16 579 查看
在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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: