CSS 如何设置列表样式

在CSS中，可以使用list-style属性来设置列表的样式。该属性控制列表项符号的类型、位置和颜色等。

以下是设置列表样式的示例代码：

ul {
  list-style: disc; /* 设置为实心圆点 */
}

ol {
  list-style: decimal; /* 设置为数字 */
}

在上面的代码中，ul和ol分别是无序列表和有序列表的选择器。使用list-style属性将它们的列表符号分别设置为实心圆点和数字。

除了disc和decimal值外，list-style属性还可以设置为以下其他值：

• circle：空心圆点。
• square：实心正方形。
• none：不显示任何符号。
• lower-roman：小写罗马数字。
• upper-roman：大写罗马数字。

您可以根据需要选择适当的值来控制列表的样式。如果您想要更精细地控制符号的样式，可以使用list-style-type、list-style-position和list-style-image等属性分别设置符号类型、位置和图像。

例如，以下代码将有序列表的符号设置为红色数字：

ol {
  list-style-type: decimal;
  color: red;
}

请注意，不同浏览器可能对某些列表样式的支持有所不同。因此，您应该在不同浏览器中测试您的样式，并根据需要进行调整。