首页 > 网页设计

css去掉li前面的圆点

发布时间:2010-08-28 11:23:55 来源:星知苑 作者:星之宇

这是一个使用li的例子,如:
<ul>
     <li>星知苑</li>
     <li>星知苑</li>
     <li>星知苑</li>
</ul>
运行这段html代码,会发现在前面有一个黑色的圆点,有时候会觉得这个圆点多余,所以要去掉。[break]

去掉的使用方法是:
<ul>
     <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>
</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>
</ul>
 

相关合集

  • 购物实惠的软件有哪些?
购物实惠的软件有哪些?

简介:随着社会的不断的进步传统的买东西,都是可以直接在手机上进行购买非常的方便生活,不仅有吃的有喝的还有各种不同种类的生活用品,家电用品等等,本站分享一些比较多人使用的,在上面买东西是非常的实惠价格很便宜还是可以给你保证正品的购物软件推荐。