当前位置:学学看123知识中心电脑教学网页设计CSS中去掉li前面的圆点方法» 正文

CSS中去掉li前面的圆点方法

[06-11 19:37:51]   来源:http://www.xxk123.com  网页设计   阅读:8964

导读: 在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> <

CSS中去掉li前面的圆点方法,标签:网页设计教程,网页设计知识,http://www.xxk123.com

    在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>


Tag:网页设计网页设计教程,网页设计知识电脑教学 - 网页设计
《CSS中去掉li前面的圆点方法》相关文章

Copyright 学学看123 All Right Reserved.

1 2 3 4 5 6 7 8 9 10