Bagaimanakah saya boleh mencipta aksara peluru tersuai untuk elemen `` dalam `` menggunakan CSS tanpa imej?

Katak Bulet Bukan Imej Tersuai untuk

Elemen dalam

Soalan:

Bagaimanakah saya boleh menentukan aksara titik tersuai untuk

• elemen dalam
  tanpa menggunakan gambar? Khususnya, saya ingin menggunakan simbol ' ' sebagai peluru.

  Jawapan:

  Adalah mungkin untuk memperibadikan aksara peluru menggunakan CSS tanpa bergantung pada imej. Begini caranya:

  1. Tetapkan Semula Penggayaan Senarai Tidak Tertib:

     CSS:

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

  2. Tetapkan Lekukan untuk Senarai Item:

     CSS:

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

  3. Tambah Bullet Tersuai Menggunakan CSS :before Pseudo-Element:

     CSS:

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

  Kaedah ini menginden teks dalam item senarai untuk mencapai jarak yang dikehendaki. Selain itu, :before pseudo-element meletakkan aksara ' ' sebelum setiap item senarai. Harta berlapik memastikan ia mempunyai ruang yang mencukupi.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mencipta aksara peluru tersuai untuk elemen `` dalam `` menggunakan CSS tanpa imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!