网站首页 关于我们 服务项目 服务流程 解决方案 案例赏析 行业资讯 联系我们 模板展示
主页 > 建站常识 > 去掉li前面圆点的CSS写法

去掉li前面圆点的CSS写法

发布时间:2011-12-04 18:30 来源:量子科技 浏览次数:


在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉。 下面讲述三种方法,其实就一种方法, 非常简单,只需要设置 list-style-type 属性就可以了,设置成none,前面的小圆点就不

在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉。

下面讲述三种方法,其实就一种方法,
非常简单,只需要设置list-style-type属性就可以了,设置成none,前面的小圆点就不会显示了。就没有了。

<UL style="list-style-type:none;">   
      <LI>HELLO</LI>   
</UL>

下面的三种不同写法:

   方法一:
<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 list-style-type 的语法

CSS list-style-type 属性

定义和用法

list-style-type 属性设置列表项标记的类型。

 

默认值: disc
继承性: yes
版本: CSS1
JavaScript 语法: object.style.listStyleType="square"

实例

设置不同的列表样式:

ul.circle {list-style-type:circle;} ul.square {list-style-type:square;} ol.upper-roman {list-style-type:upper-roman;} ol.lower-alpha {list-style-type:lower-alpha;}

 

上一篇:上一篇:网页添加背景音乐
下一篇:下一篇:关于X-UA-Compatible是什么意思?