Cara menggunakan ul dan li dalam html

UL (senarai tidak tersusun) dalam HTML digunakan untuk membuat senarai item, manakala li (item senarai) mewakili item individu dalam senarai. Begini cara menggunakannya: Buat senarai tidak tertib:

• Item

Gayakan senarai: Gunakan senarai bersarang melalui gaya CSS, seperti mengubah suai jenis penanda, pelapik dan jarak ：

• Projek
  • Subprojek

untuk menggunakan Sederhana

ul dan li

• Apakah ul dan li?
• ul (senarai tidak tersusun): Digunakan untuk membuat senarai item tanpa susunan tertentu antara item.

li (item senarai): mewakili item individu dalam senarai tidak tertib.

Bagaimana cara menggunakan ul dan li?

Buat senarai tidak tersusun:

<code class="html"><ul>
  <!-- 无序列表中的项目 -->
</ul></code>

Tambah item senarai:

<code class="html"><ul>
  <li>项目 1</li>
  <li>项目 2</li>
  <li>项目 3</li>
</ul></code>

Tetapkan gaya senarai

Anda boleh menetapkan penampilan senarai tidak tersusun melalui gaya CSS, contohnya:

nerreee

🎜 🎜 🎜Anda boleh menggunakan senarai bersarang untuk membuat senarai berbilang peringkat: 🎜

<code class="css">ul {
  list-style-type: none;  /* 去除默认的圆点标记 */
  padding: 0;             /* 设置内边距为 0 */
}

li {
  display: inline-block;    /* 设置列表项为内联元素 */
  margin-right: 10px;     /* 设置列表项之间的间距 */
}</code>

Atas ialah kandungan terperinci Cara menggunakan ul dan li dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!