CSS中的列表（List）是指使用HTML标记语言中的<ul>（无序列表）和<ol>（有序列表）元素。通过CSS，可以修改列表的样式，包括修改列表项符号或数字的样式、缩进和对齐等。
以下是CSS列表用法的详细说明和完整示例：
1、列表样式
列表样式通过list-style-type属性来定义。该属性有以下可选值：
- none：不显示任何列表符号或数字
- disc：使用实心圆圈作为列表符号
- circle：使用空心圆圈作为列表符号
- square：使用正方形作为列表符号
- decimal：使用数字作为有序列表符号
- lower-alpha：使用小写字母作为有序列表符号
- upper-alpha：使用大写字母作为有序列表符号
- lower-roman：使用小写罗马数字作为有序列表符号
- upper-roman：使用大写罗马数字作为有序列表符号
以下示例代码展示了如何设置列表符号的样式：
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}2、列表对齐
列表对齐可以通过text-align属性来控制。以下示例代码展示了如何设置列表的对齐方式：
ul {
text-align: left;
}
ol {
text-align: right;
}3、列表缩进
列表缩进可以通过padding-left属性来控制。以下示例代码展示了如何设置列表的缩进：
ul {
padding-left: 20px;
}
ol {
padding-left: 40px;
}4、完整示例
以下示例展示了如何同时应用列表样式、对齐和缩进：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS List Example</title>
<style>
ul {
list-style-type: square;
text-align: left;
padding-left: 30px;
}
ol {
list-style-type: upper-roman;
text-align: right;
padding-left: 50px;
}
</style>
</head>
<body>
<h1>List Example</h1>
<h2>Unordered List</h2>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
<h2>Ordered List</h2>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
</body>
</html>
正文完