码迷,mamicode.com
首页 > Web开发 > 详细

CSS li

时间:2015-04-03 09:08:03      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

搭配ol或者ul使用,不能单独使用

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样式。

CSS li

标签:

原文地址:http://www.cnblogs.com/lingyi1111/p/4389068.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!