html中ol默认序号怎么放入上下虚线中

HTML中的有序列表(OL)默认会显示数字作为序号，如果你想在每个序号前后添加虚线，可以使用CSS来定制样式。首先，在`<ol>`标签内，保持正常的序号结构：

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

然后，你可以通过CSS选择器`::before`和`::after`来分别添加序号前后的虚线，并使用`content`属性插入内容。例如：

ol li {
  counter-increment: item; /* 初始化计数器 */
}

ol li::before {
  content: counters(item, ".") '.'; /* 显示序号 */
  padding-right: 5px;
  /* 添加虚线 */
  border-right: 0.5px dotted;
}

ol li::after {
  content: " - "; /* 添加分隔符 */
}

这将会让每个列表项看起来像这样：

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