ul ol li

来源:互联网 发布:mac如何打开远程桌面 编辑:程序博客网 时间:2024/04/29 12:43
   ul是无序列表,所谓的无序列表只要举个例子,大家就会明白了。http://www.w3school.com.cn/tags/tag_ul.asp w3链接
     ●这是第一个列表
     ●这是第二个列表
     ●这是第三个列表
     ●这是第四个列表
   ol是有序列表,同样举个例子。http://www.w3school.com.cn/tags/tag_ol.asp w3链接
  1、这是第一个列表
  2、这是第二个列表
  3、这是第三个列表
  4、这是第四个列表

ul与ol前的符号是可以修改的。只需要修改它们的type值。

ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。

注意:

HTML5不再支持<ul> type 属性。请使用 CSS替代。

<ul> 的 type 属性在 HTML 4.01 中已废弃。

type 属性规定列表的项目符号的类型。

说明: 设置或检索对象的列表项所使用的预设标记。若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
引用自定义图片语法:list-style-image : none | url (url) eg.  li {list-style-image : url (image/aa.gif);}引用系统图案 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin 参数: disc :  CSS1 实心圆circle :  CSS1 空心圆square :  CSS1 实心方块decimal :  CSS1 阿拉伯数字lower-roman :  CSS1 小写罗马数字upper-roman :  CSS1 大写罗马数字lower-alpha :  CSS1 小写英文字母upper-alpha :  CSS1 大写英文字母none :  CSS1 不使用项目符号armenian :  CSS2 传统的亚美尼亚数字cjk-ideographic :  CSS2 浅白的表意数字georgian :  CSS2 传统的乔治数字lower-greek :  CSS2 基本的希腊小写字母hebrew :  CSS2 传统的希伯莱数字hiragana :  CSS2 日文平假名字符hiragana-iroha :  CSS2 日文平假名序号katakana :  CSS2 日文片假名字符katakana-iroha :  CSS2 日文片假名序号lower-latin :  CSS2 小写拉丁字母upper-latin :  CSS2 大写拉丁字母 

0 0
原创粉丝点击