CSS | list-style-type 属性

简介

在 CSS 中，list-style-type 属性用于设置无序列表（ul）和有序列表（ol）的项目符号的样式。该属性可以改变项目符号的形状、类型和数字样式等。

语法

ul {
  list-style-type: value;
}

ol {
  list-style-type: value;
}

值

• disc：用实心圆点作为项目符号（默认值）。
• circle：用空心圆圈作为项目符号。
• square：用实心方块作为项目符号。
• decimal：用十进制数字作为有序列表项目的计数器。
• decimal-leading-zero：用十进制数字作为有序列表项目的计数器，若计数值为一位数，则在前面添加一个零。
• lower-roman：用小写罗马数字作为有序列表项目的计数器。
• upper-roman：用大写罗马数字作为有序列表项目的计数器。
• lower-alpha：用小写字母作为有序列表项目的计数器。
• upper-alpha：用大写字母作为有序列表项目的计数器。
• none：不显示项目符号。

示例

ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}

注意事项

• list-style-type 属性只适用于 ul 和 ol 元素，不适用于其他元素。
• 这只是一个属性简介，实际应用中可能会涉及更多内容，如使用自定义图像作为项目符号等。

更多详细信息请参考 MDN 文档 | list-style-type