欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

css <li> 怎样去掉前面一点

shiping1 的头像
ul,li{
    list-style: none outside none;
}






ul,ol,li{list-style-type:none;} 

添加一个样式写上这些就可以了。

来自 http://zhidao.baidu.com/link?url=j2IpnTKHz-Sucg-jrxOIU_YOO6ZBp3yp0YMJ6b5KAqsOhEYkV4sqACeo9PhLCUBK5IHyNhHly2C41ebfNYkHAa



在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

普通分类: