Rumah > hujung hadapan web > tutorial css > Bolehkah saya Warnakan Peluru Senarai HTML Tanpa Menggunakan Teg `` atau ``?

Bolehkah saya Warnakan Peluru Senarai HTML Tanpa Menggunakan Teg `` atau ``?

Mary-Kate Olsen
Lepaskan: 2024-12-10 05:18:12
asal
718 orang telah melayarinya

Can I Color HTML List Bullets Without Using `` or `` Tags?

Warnakan Bulet Senarai HTML Tanpa Span

Soalan:

Bolehkah warna bulet dalam senarai HTML diubah suai tanpa menambah elemen seperti atau

dalam

  • tag?

    Jawapan:

    Ya, anda boleh mencapai ini dengan menggunakan elemen pseudo li:before:

    li {
      list-style: none;
    }
    
    li:before {
      /* Use 22 for a round bullet */
      /* Use A0 for a square bullet */
      content: '22';
      display: block;
      position: relative;
      max-width: 0;
      max-height: 0;
      left: -10px;
      top: 0;
      color: green;
      font-size: 20px;
    }
    Salin selepas log masuk
    <ul>
      <li>foo</li>
      <li>bar</li>
    </ul>
    Salin selepas log masuk

    Teknik ini tidak memerlukan sebarang penanda tambahan dalam

  • elemen. Walau bagaimanapun, ia mempunyai had tertentu:

    • Pelayar yang disokong: IE8 dan ke atas, Firefox, Chrome
    • Gaya peluru terhad kepada aksara unikod

    Atas ialah kandungan terperinci Bolehkah saya Warnakan Peluru Senarai HTML Tanpa Menggunakan Teg `` atau ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

  • sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan