HTML 有序列表 无序列表

无序列表 ul

有序列表ol

CSS 替换前面1,2,3,4 或者圆点.... 使用line-style-type

语法:

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

取值:

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属性为none或指定图像不可用时,list-style-type属性将发生作用。
  • 仅作用于具有display值等于list-item的对象(如li对象)。
  • 注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。
  • 对应的脚本特性为listStyleType

猜你喜欢

转载自blog.csdn.net/qq_34608447/article/details/88666196
今日推荐