龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css教程:CSS列表(ul、ol、li)属性的应用 

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
TheCSSlistpropertiesallowyoutoplacethelist-itemmarker,changebetweendifferentlist-itemmarkers,osetanimageasthelist-itemmarker. CSS列表属性允许你来安置列表项标记,改变标记的样子或者将图片变为列表项的标记 无序
The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.
CSS列表属性允许你来安置列表项标记,改变标记的样子或者将图片变为列表项的标记
无序列表不同样子的列表标记 The different list-item markers in unordered lists
This example demonstrates the different list-item markers in CSS.
Examples 实例:
Source Code to Run [www.fun52.com]
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
   [ 可先修改部分代码 再运行查看效果 ]
有序列表不同样子的列表标记 The different list-item markers in ordered lists
This example demonstrates the different list-item markers in CSS.
Examples 实例:
Source Code to Run [www.fun52.com]
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
Coffee
Tea
Coca Cola
www.fun52.com
   [ 可先修改部分代码 再运行查看效果 ]
设置图片做为标记 Set an image as the list-item marker
第 1 2 页
精彩图集

赞助商链接