您的位置:首页 > DIV CSS实例 > 【 返回上一页

css li讲解

Css li是使用css来控制li的样式-css列表,如li列表的以点为开头,或图片开头的列表形式。

Li的基础知识
Li是html的基本元素标签。
<li> 标签是用于定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
W3C标准下li不能单独使用,需要与<ol>或<ul>配合使用,使用范例:

  1. <ol> 
  2. <li>div+css范例</li> 
  3. <li>div+css范例之li</li> 
  4. </ol> 
  5.  
  6. <ul> 
  7. <li>div+css范例</li> 
  8. <li>div+css范例之li</li> 
  9. </ul> 

以上代码效果如下图:


Css li实例,li,ol li,ul li的用法

经过实例演示知道了li的默认有序和无序的css样式,有序ol的样式是以阿拉伯数字1、2、3为递增列表,而无序的ul的CSS样式是以一个圆黑点的列表形式。

<li>兼容:所有的浏览器都支持兼容。

Css li的样式引导
无论是有序还是无序的li列表,在div+css开发的时候都需要对li进行设置css样式。
一般对其设置代码如:设置li的list-style样式。

如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/shili/31.shtml

修订日期:2010-03-01 08:10 www.thinkcss.com ThinkCSS