css li 顺序数字

以七为书 7个月前 140浏览 0评论

CSS中,<li>标签通常用于列表或导航的创建,并且可以通过CSS样式来改变其外观。其中,有一个常用的样式属性就是顺序数字的设置。

ol {
  list-style-type: decimal;
}

在上述代码中,我们使用了list-style-type属性,并将值设置为decimal。这意味着在有序列表中,每一项前面都将显示顺序数字。这些数字从1开始,每一项数字都比前一项大1。例如:

  1. 第一项
  2. 第二项
  3. 第三项

我们还可以将list-style-type属性设置为其他值,例如:

ol {
  list-style-type: lower-roman;
}

在上述代码中,我们将list-style-type属性设置为lower-roman,表示有序列表中的数字将显示为小写罗马数字。例如:

  1. 第一项
  2. 第二项
  3. 第三项

除了decimallower-roman以外,还有许多其他可供选择的值,例如upper-romanlower-alphaupper-alpha等。通过这些属性值的设置,我们可以轻松地自定义有序列表项的顺序数字。