Bagaimana untuk Mencipta Senarai Tertib dengan Penomboran Alfa Rendah dan Tanda Kurung Kanan dalam HTML?

Gaya Senarai Tersuai dalam HTML: Tanda Kurung Kanan untuk Senarai Tersusun

Bagaimana anda boleh membuat senarai tersusun dengan penomboran alfa rendah tetapi menggunakan betul kurungan bukannya lalai titik?

Penyelesaian:

Memanfaatkan pembilang CSS, berikut ialah penyelesaian yang unik:

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

Contoh 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>

Dengan kaedah ini, anda boleh menyesuaikan senarai anda seperti yang dikehendaki. Hanya laraskan sifat "kandungan" untuk menetapkan aksara yang diingini selepas nombor senarai.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Senarai Tertib dengan Penomboran Alfa Rendah dan Tanda Kurung Kanan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!