Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membuang titik di hadapan tag li dalam css

Bagaimana untuk membuang titik di hadapan tag li dalam css

下次还敢
下次还敢asal
2024-04-28 12:36:14659semak imbas

Terdapat dua cara untuk mengalih keluar titik teg li dalam CSS: 1. Gunakan gaya "jenis-gaya senarai: tiada;" 2. Gunakan imej telus dan "imej gaya senarai: url("transparent.png ");"gaya. Kedua-dua kaedah boleh mengalih keluar titik semua tag li Jika anda hanya mahu mengalih keluar titik tag li tertentu, anda boleh menggunakan pemilih kelas pseudo.

Bagaimana untuk membuang titik di hadapan tag li dalam css

Cara mengalih keluar titik sebelum tag li dalam CSS

Dalam CSS, anda boleh mengalih keluar titik sebelum tag li melalui dua kaedah berikut:

Kaedah 1: Gunakan gaya senarai- taip Atribut

Langkah:

  1. Tambah gaya CSS berikut pada teg ul atau ol yang mengandungi tag li:

    <code class="css">list-style-type: none;</code>

Contoh:

hod
<code class="css">ul {
  list-style-type: none;
}</code>

senarai gaya thodrreee:-gaya imej atribut

Langkah:

  1. Buat imej ruang 1px x 1px yang lutsinar.
  2. Tambah gaya CSS berikut untuk teg ul atau ol yang mengandungi tag li:
  3. <code class="css">list-style-image: url("transparent.png");</code>

Contoh:

<code class="css">ul {
  list-style-image: url("transparent.png");
}</code>
Nota:
  • Pastikan fail CSS anda dipautkan ke halaman HTML anda.
  • Kedua-dua kaedah akan mengeluarkan titik dari semua tag li. Jika anda hanya mahu mengalih keluar titik daripada tag li tertentu, anda boleh menggunakan pemilih kelas pseudo CSS seperti:
<code class="css">li:not(.has-dot) {
list-style-type: none;
}</code>
🎜

Atas ialah kandungan terperinci Bagaimana untuk membuang titik di hadapan tag li dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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