HTML で下位アルファの番号付けと右かっこを使用した順序付きリストを作成する方法

HTML のカスタム リスト スタイル: 順序付きリストの右かっこ

小文字の番号付けを使用して順序付きリストを作成し、右を使用するにはどうすればよいですか?デフォルトの代わりに括弧を使用dot?

解決策:

CSS カウンターを利用する独自の解決策:

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

HTML 例:

<span>custom list style type (v1):</span>
<ol>
  <li>Number 1</li>
  <li>Number 2</li>
  <li>Number 3</li>
  <li>Number 4</li>
  <li>Number 5</li>
  <li>Number 6</li>
</ol>

この方法を使用すると、必要に応じてリストをカスタマイズできます。 「コンテンツ」プロパティを調整して、リスト番号の後に目的の文字を設定するだけです。

以上がHTML で下位アルファの番号付けと右かっこを使用した順序付きリストを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。