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、这是第四个列表
通过CSS也可以在将它们前的符号改为图片,这样列表显示就会更美观了。
ol是有序列表,同样举个例子。http://www.w3school.com.cn/tags/tag_ol.asp w3链接
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有:disc—实心圆(默认)、circle—空心圆、square—实心方块
ol的type属性有:1—数字(默认)、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
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 大写拉丁字母