CSS 列表

在网页设计中，列表是一个常见的元素，CSS提供了一些属性可以让我们样式化这些列表并使它们看起来更好。

有序列表

有序列表使用有序的数字或字母进行排序。我们可以使用list-style-type属性来改变它的样式。

ol {
  list-style-type: decimal; /* 默认是数字 */
  /* 其它属性值包括:
   *    disc (实心点)，
   *    circle (空心圆形)，
   *    square (空心方形)，
   *    lower-roman，
   *    upper-roman，
   *    lower-greek，
   *    lower-latin，
   *    upper-latin，
   *    armenian (亚美尼亚数字)，
   *    georgian (格鲁吉亚数字)
   */
}

无序列表

无序列表使用特殊的符号来代表列表项，如实心圆点、空心圆点、实心方块等等。我们同样可以使用list-style-type属性来改变它的样式。

ul {
  list-style-type: disc; /* 默认是实心圆点 */
  /* 其它属性值包括:
   *    circle (空心圆点)，
   *    square (实心方块)
   */
}

定制图标

如果想使用自定义图标来代表列表项，我们可以使用list-style-image属性。这个属性接受一个图像文件的路径作为值，图像将被用作列表项的标记。

ul {
  list-style-image: url("icon.png");
}

列表对齐

默认情况下，列表是左对齐的。我们可以使用text-align属性将它们右对齐、居中或分散对齐。

ul {
  text-align: center; /* 其它属性值包括:right, left, justify(分散对齐) */
}

嵌套列表

可以在一个列表项中放置另一个列表，形成嵌套列表。

<ul>
  <li>列表项</li>
  <li>列表项
    <ul>
      <li>子列表项</li>
      <li>子列表项</li>
    </ul>
  </li>
</ul>

同样可以对嵌套列表进行样式化。

以上就是CSS列表的简单介绍和使用方法。希望对你有所帮助！