CSS 列表

在网页开发中，列表是非常常见的元素，可以用来展示各种类型的内容，如导航菜单、产品列表等。在 CSS 中，我们可以通过样式化列表来改变其外观和布局。

无序列表

无序列表是以圆点、方块或者菱形符号作为列表项标记的列表。我们可以使用 CSS 来改变这些标记的样式，例如改变颜色、大小或者形状。

ul {
  list-style-type: square; /* 使用方块作为列表项标记 */
  list-style-color: red; /* 改变列表项标记的颜色为红色 */
}

有序列表

有序列表是以数字、字母或者罗马数字作为列表项标记的列表。同样，我们可以使用 CSS 来定制这些标记的样式。

ol {
  list-style-type: upper-roman; /* 使用大写罗马数字作为列表项标记 */
  list-style-color: blue; /* 改变列表项标记的颜色为蓝色 */
}

自定义列表

除了使用默认的列表项标记外，我们还可以使用自定义的图像或者样式来作为列表项标记。这可以通过 list-style-image 属性实现。

ul.custom {
  list-style-image: url('custom-marker.png'); /* 使用自定义图像作为列表项标记 */
}

以上就是关于 CSS 列表的介绍，通过对列表样式的定制，我们可以使网页内容更加美观和有吸引力。