有序列表的用法非常简单，只需在 HTML 代码中使用 <ol> 和 </ol> 标签即可。<ol> 标签表示有序列表的开始，而 </ol> 标签表示有序列表的结束。在 <ol> 和 </ol> 标签之间，您可以使用 <li> 标签来添加列表项。每个 <li> 标签都表示一个列表项，并且列表项的内容位于 <li> 和 </li> 标签之间。
<ol>
<li>步骤一</li>
<li>步骤二</li>
<li>步骤三</li>
</ol>上面的代码将生成一个简单的有序列表，其中包含三个列表项。您可以根据需要添加任意数量的列表项。
您可以使用 CSS 来为有序列表添加样式。例如，您可以更改列表项的字体、大小和颜色。您还可以更改列表项之间的间距和边距。
ol {
list-style-type: decimal;
font-size: 16px;
color: #333;
padding: 0;
margin: 0;
}
li {
margin-bottom: 10px;
}上面的 CSS 代码将为有序列表添加以下样式：
- 列表项使用数字作为标记
- 列表项的字体大小为 16 像素
- 列表项的颜色为黑色
- 列表项之间没有边距和间距
您可以根据自己的需要自定义有序列表的样式。有序列表是一种非常灵活的列表形式，可以用于各种不同的目的。如果您需要在网页上展示步骤、说明或流程，或者需要列出产品或服务的功能和优势，那么有序列表是一个非常好的选择。
