前端必知必会-CSS列表Lists

---

CSS 列表

无序列表

有序列表

HTML 列表和 CSS 列表属性

在 HTML 中，有两种主要类型的列表：

• 无序列表 (<ul>) - 列表项用项目符号标记
• 有序列表 (<ol>) - 列表项用数字或字母标记

CSS 列表属性允许：

• 为有序列表设置不同的列表项标记
• 为无序列表设置不同的列表项标记
• 将图像设置为列表项标记
• 为列表和列表项添加背景颜色

不同的列表项标记list-style-type

list-style-type 属性指定列表项标记的类型。
以下示例显示了一些可用的列表项标记：

示例

ul.a {
   
   
list-style-type: circle;
}

ul.b {
   
   
list-style-type: square;
}

ol.c {
   
   
list-style-type: upper-roman;
}

ol.d