Bagaimana untuk Menentukan Aksara Biasa sebagai Simbol Peluru dalam Senarai Tidak Tertib?

Menentukan Aksara Biasa untuk Simbol Bullet dalam Senarai Tidak Tersusun (

)

Manakala CSS membenarkan penggunaan grafik tersuai sebagai bullet simbol melalui atribut senarai-gaya-imej, mungkin wajar untuk hanya menggunakan aksara biasa, seperti ' ' simbol.

Melaksanakan Bulet Aksara Tersuai

Untuk melaksanakan aksara biasa sebagai simbol peluru tanpa menggunakan grafik, ikut langkah berikut:

1. Alih Keluar Penggayaan Lalai:

• Tetapkan semula sifat gaya senarai senarai kepada tiada untuk mengalih keluar penggayaan lalai.
• Tetapkan jidar-kiri dan padding-kiri kepada 0 untuk mengalih keluar sebarang inden.

2. Tetapkan Lekukan untuk Item Senarai:

• Tambahkan padding-left pada item li untuk mengesotnya.
• Gunakan inden teks pada item li dengan nilai negatif sama dengan pelapik-kiri untuk menjajarkan teks dalam lekukan.

3. Tambah Aksara Tersuai:

• Buat li:sebelum unsur pseudo untuk memaparkan aksara tersuai.
• Tetapkan sifat kandungan kepada aksara yang diingini, cth., " " .
• Tambah padding-right untuk menjarakkan watak daripada item senarai teks.

Contoh Kod CSS:

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  padding-left: 1em;
  text-indent: -1em;
}

li:before {
  content: "+";
  padding-right: 5px;
}

Dengan mengikuti langkah ini, anda boleh menggantikan titik tumpu lalai dalam senarai tidak tertib anda dengan simbol ' ' atau mana-mana watak biasa lain tanpa mencipta dan merujuk grafik.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Aksara Biasa sebagai Simbol Peluru dalam Senarai Tidak Tertib?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!