Bagaimana untuk membuang titik ul dan li tag dalam html

Untuk mengalih keluar titik daripada teg ul dan li dalam HTML, anda boleh mengambil langkah berikut: Gunakan jenis senarai gaya CSS tiada: ul, li { list-style-type: none }. Gunakan sebelum pseudo-elemen dan atribut kandungan: li { position: padding-left: 1em; ketinggian : 0.

Cara mengalih keluar titik dalam teg ul dan li dalam HTML

Dalam HTML, teg ul (senarai tidak tersusun) dan li (item senarai) biasanya memaparkan titik bulat kecil sebagai tanda . Jika anda perlu mengalih keluar titik ini, anda boleh menggunakan helaian gaya CSS. . contoh:

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

<code class="css">li {
  position: relative;
  padding-left: 1em;
}

li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 0.5em;
  height: 0.5em;
  background-color: #000;
  border-radius: 50%;
}</code>

Kesan :

1. Titik bulat akan dialih keluar dan senarai tidak tersusun dengan kandungan teks biasa akan dibuat.

   Nota:

2. Penyelesaian yang disediakan di atas hanya berfungsi pada penyemak imbas moden seperti Firefox, Chrome dan Safari. Untuk pelayar lama seperti Internet Explorer, penggodaman tambahan atau JavaScript mungkin diperlukan untuk mencapai kesan yang sama.

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