以'ol 列表显示没有数字 - Html

使用HTML中的有序列表（ol）时，我们通常可以使用数字标记和默认样式来为列表项进行编号。但是有时候，我们希望不显示数字编号，这时候我们可以使用CSS来实现。

方法一：使用CSS将数字去掉

我们可以通过设置CSS的list-style-type属性为none来将数字去掉。具体代码如下所示：

<ol class="no-numbers">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

.no-numbers {
  list-style-type: none;
}

这样列表项上就不会显示数字了。

方法二：使用CSS伪类

我们还可以使用CSS的伪类来实现没有数字的有序列表。具体代码如下所示：

<ol class="no-numbers">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

.no-numbers li:before {
  counter-increment: none;
  content: "";
}

这里我们使用了伪元素before来清除数字，counter-increment设置为none，content的值为一个空字符串。

小结

以上就是在HTML中如何以'ol 列表显示没有数字的方法。我们可以通过CSS设置list-style-type为none或使用CSS伪类来实现。