HTML 中包含罗马数字的编号列表

Question

我正在处理一个工作文件，我必须在 html 中制作一个带有罗马数字的编号列表，但我现在不知道该怎么做。有没有人可以帮助我？

Answer 1

您想更改 有序列表 标签中的类型：

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

这会将内容更改为大写罗马数字。

Answer 2

你可以使用 css 这个 ol {list-style-type: upper-roman;} 有关详细信息，请参阅 https://www.w3schools.com/cssref/pr_list-style-type.asp。

Answer 3

我认为您对这个主题的研究还不够，通过快速 google 搜索，我找到了您要找的东西。 Here 是的。 (类型="I")

无论如何，请在发布问题之前进行一些研究

Answer 4

您可以使用 CSS 来解决此问题 list-style-type: upper-roman;:

ul, ol {
  list-style-type: upper-roman;
}

<ul>
  <li>Test 1</li>
  <li>Test 2</li>
</ul>
<ol>
  <li>Test 1</li>
  <li>Test 2</li>
</ol>

This solution is working with <ol> and <ul> lists.

解决方案使用HTML
您还可以将 HTML 与具有 type 属性的有序列表 (<ol>) 一起使用：

<ol type="I">
  <li>Test 1</li>
  <li>Test 2</li>
</ol>

Answer 5

您想更改 有序列表 标签中的类型：

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

这会将内容更改为大写罗马数字。

Numbered list with roman numbers in HTML