Нумерованный список с римскими цифрами в HTML

Я работаю над рабочим файлом, и мне нужно сделать нумерованный список с римскими номерами в html, но я не знаю, как я могу это сделать. Есть ли кто-нибудь, кто может мне помочь?


html numbered-list
person Bryan Savian    schedule 29.05.2017    source источник

Ответы (5)


arrow_upward
3
arrow_downward

Вы можете использовать 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>

Это решение работает со списками <ol> и <ul>.

решение с использованием HTML
Вы также можете использовать HTML с упорядоченным списком (<ol>) с type:

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

person Sebastian Brosch    schedule 29.05.2017
comment
да. Лично я всегда предпочел бы решение CSS атрибуту type. - person SVSchmidt; 29.05.2017

arrow_upward
1
arrow_downward

Вы хотите изменить тип тега нумерованный список:

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

Это меняет дело на римские цифры в верхнем регистре.

person Shawn Mehan    schedule 29.05.2017

arrow_upward
1
arrow_downward

Вы можете использовать css для этого ol {list-style-type: upper-roman;} См. https://www.w3schools.com/cssref/pr_list-style-type.asp для получения дополнительной информации.

person Peter Grundmann    schedule 29.05.2017

arrow_upward
1
arrow_downward

Я думаю, что вы недостаточно исследовали эту тему, с помощью быстрого поиска в Google я получил то, что вы искали. Вот. (тип = "Я")

В любом случае, пожалуйста, проведите небольшое исследование, прежде чем задавать вопросы.

person H. Figueiredo    schedule 29.05.2017

arrow_upward
1
arrow_downward

Вы хотите изменить тип тега нумерованный список:

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

Это меняет дело на римские цифры в верхнем регистре.

person Shawn Mehan    schedule 29.05.2017