在CSS中,list-style-type属性用于定义列表项(<li>元素)的标志样式,即列表项前面的符号或数字。以下是一些常见的 list-style-type值及其效果:
-
disc: 默认值,使用实心圆点作为标志。
-
circle: 使用空心圆圈作为标志。
-
square: 使用实心方块作为标志。
-
decimal: 使用十进制数字(1、2、3等)作为标志。
-
decimal-leading-zero: 使用十进制数字,如果是一位数会在前面添加零(01、02、03等)。
-
lower-roman: 使用小写罗马数字(i、ii、iii等)作为标志。
-
upper-roman: 使用大写罗马数字(I、II、III等)作为标志。
-
lower-alpha: 使用小写字母(a、b、c等)作为标志。
-
upper-alpha: 使用大写字母(A、B、C等)作为标志。
-
none: 不显示标志。
示例用法:
ul { list-style-type: disc; /* 使用实心圆点作为标志 */ }ol { list-style-type: decimal; /* 使用十进制数字作为标志 */ }
通过设置 list-style-type属性,你可以根据需求为列表项设置不同的标志样式,从而改变列表的外观。
请登录之后再进行评论