css中怎样有序列表

在网页中，有序列表是经常出现的一种标记，我们可以使用CSS来对其进行优美的设计。
HTML代码：

<ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ol> 

CSS代码：

ol {
    list-style-type: decimal; /* 设置符号类型为数字  */
    margin-left: 20px; /* 设置左侧空白距离 */
    padding-left: 20px; /* 设置文本距离左侧  */
} 

在CSS中，我们可以使用list-style-type属性来设置列表符号类型，如：decimal（数字）、lower-alpha（小写字母）、upper-roman（大写罗马数字）等。同时，我们也可以使用margin-left和padding-left来调整列表项文字的位置。
如果我们希望有序列表符号使用图片代替数字或字母，可以使用list-style-image属性，如：

ol {
    list-style-image: url("img/bullet.png"); /* 将图片设置为符号 */
    margin-left: 20px;
    padding-left: 20px;
} 

此时有序列表符号会被替换成我们指定的图片。
总而言之，CSS的灵活使用可以让有序列表在网页设计中发挥更美观、美观的作用。