欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > 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.divcss5.com/shili/s31.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2010-03-01 08:10 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。