无序和有序列表的list-style-type 属性值

CSS列表样式详解

最新推荐文章于 2025-10-01 23:16:14 发布

原创最新推荐文章于 2025-10-01 23:16:14 发布 · 1.6w 阅读

13 ·

CC 4.0 BY-SA版权

HTML/CSS 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了CSS中关于列表样式的属性设置，包括如何使用简写的list-style属性来统一设置列表的样式，以及如何单独设置list-style-image、list-style-position和list-style-type属性，同时还提供了list-style-type属性的多种可选值示例。

属性	描述
list-style	简写属性。用于把所有用于列表的属性设置于一个声明中
list-style-image	将图象设置为列表项标志。
list-style-position	设置列表中列表项标志的位置。
list-style-type	设置列表项标志的类型。

list-style-type有很多可选值：

none	无标记。
disc	默认。标记是实心圆。
circle	标记是空心圆。
square	标记是实心方块。
decimal	标记是数字。
decimal-leading-zero	0开头的数字标记。(01, 02, 03, 等。)
lower-roman	小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman	大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha	小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha	大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek	小写希腊字母(alpha, beta, gamma, 等。)
lower-latin	小写拉丁字母(a, b, c, d, e, 等。)
upper-latin	大写拉丁字母(A, B, C, D, E, 等。)