CSS 排序下划线

在 CSS 中，可以使用伪类选择器来添加排序下划线样式。

首先，为排序列表添加以下样式：

ol {
counter-reset: my-counter;
}
li:before {
content: counter(my-counter);
counter-increment: my-counter;
}

这将为排序列表中每个列表项添加数字标记。

现在，可以使用::after伪元素为数字标记添加下划线：

li::after {
content: '_';
text-decoration: underline;
}

这将在数字后添加下划线，方便阅读和查看。

如果想要更改下划线的样式，可以通过border-bottom属性来设置下划线的线条宽度、颜色和样式：

li::after {
content: '';
display: block;
margin-top: 10px;
border-bottom: 1px solid black;
}

在上面的代码中，使用了margin-top: 10px;属性来为下划线添加一些垂直间距。

最终效果如下：

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

通过上面的 CSS 样式，可以为排序列表添加数字标记和下划线，并通过自定义样式来使其更加美观。