CSS教程 - li的list-style-type属性:
在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
属性,你可以根据需求为列表项设置不同的标志样式,从而改变列表的外观。