7、CSS 列表样式

CSS列表属性作用如下：

• 设置不同的列表项标记为有序列表
• 设置不同的列表项标记为无序列表
• 设置列表项标记为图像

 

 

list-style-type

规定了无序列表以及有序列表的项目标记符号的样式

取值：

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) 

 

 

list-style-image

将列表项目标记符号设置为图片

取值：

list-style-image:none　　　　不指定图像

list-style-image:url（文件路径）　　　　使用绝对或相对地址指定列表项标记图像

 

 

list-style-position

取值：

list-style-position:outside　　　　列表项目标记放置在文本以外，且环绕文本不根据标记对齐

list-style-position:inside　　　　列表项目标记放置在文本以内，且环绕文本根据标记对齐