当前位置:K88软件开发文章中心编程语言Css/Css3Css/Css301 → 文章内容

css去掉li前面的圆点

减小字体 增大字体 作者:佚名     来源:asp编程网  发布时间:2018-12-30 8:49:23

这是一个使用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>



css去掉li前面的圆点