Bagaimana untuk membuang titik di hadapan tag li dalam css

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.

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:

<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!