8.1. CSS list-style-type 属性

list-style-type -- 定义列表样式
  • 取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit
    • disc: 点
    • circle: 圆圈
    • square: 正方形
    • decimal: 数字
    • decimal-leading-zero: 十进制数,不足两位的补齐前导0,例如: 01, 02, 03, ..., 98, 99
    • lower-roman: 小写罗马文字,例如: i, ii, iii, iv, v, ...
    • upper-roman: 大写罗马文字,例如: I, II, III, IV, V, ...
    • lower-greek: 小写希腊字母,例如: α(alpha), β(beta), γ(gamma), ...
    • lower-latin: 小写拉丁文,例如: a, b, c, ... z
    • upper-latin: 大写拉丁文,例如: A, B, C, ... Z
    • armenian: 亚美尼亚数字
    • georgian: 乔治亚数字,例如: an, ban, gan, ..., he, tan, in, in-an, ...
    • lower-alpha: 小写拉丁文,例如: a, b, c, ... z
    • upper-alpha: 大写拉丁文,例如: A, B, C, ... Z
    • none: 无(取消所有的list样式)
    • inherit:继承
  • 引用网址:http://www.dreamdu.com/css/property_list-style-type/
  • 初始值: disc
  • 继承性: 是
  • 适用于: 所有属于list的元素
  • list,中文"列表"的意思.style,中文"样式"的意思.type,中文"类型"的意思.

示例

ul 
{ 
	list-style-type:disc;
}

ul#circle
{ 
	list-style-type:circle;
}

ul#square
{ 
	list-style-type:square;
}

ul#decimal
{ 
	list-style-type:decimal;
}

ul#decimal-leading-zero
{ 
	list-style-type:decimal-leading-zero;
}

ul#lower-roman
{ 
	list-style-type:lower-roman;
}

ul#upper-roman
{ 
	list-style-type:upper-roman;
}

ul#lower-greek
{ 
	list-style-type:lower-greek;
}

ul#lower-latin
{ 
	list-style-type:lower-latin;
}

ul#upper-latin
{ 
	list-style-type:upper-latin;
}

ul#armenian
{ 
	list-style-type:armenian;
}

ul#georgian
{ 
	list-style-type:georgian;
}

ul#lower-alpha
{ 
	list-style-type:lower-alpha;
}

ul#upper-alpha
{ 
	list-style-type:upper-alpha;
}

ul#none
{ 
	list-style-type:none;
}

ol 
{ 
	list-style-type:lower-roman;
}

CSS list-style-type 属性示例 -- 可以尝试编辑

延伸阅读



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都