Rumah > Artikel > hujung hadapan web > Bagaimana untuk membersihkan bintik hitam dalam html

Bagaimana untuk membersihkan bintik hitam dalam html

青灯夜游asal: 2022-01-21 15:41:1115785semak imbas

Kaedah untuk mengosongkan bintik hitam li: 1. Gunakan atribut jenis-gaya senarai, cuma tambahkan gaya "jenis-gaya-senarai: tiada;" pada elemen li; attribute , cuma tambah gaya "list-style:none;" pada elemen li.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Gunakan teg ul dan li dalam HTML untuk membuat senarai:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

Didapati setiap item dalam senarai mempunyai titik hitam kecil secara lalai:

Bagaimana untuk membersihkan bintik hitam dalam html

Bagaimana untuk menghilangkan bintik hitam di bahagian depan dada anda?

Gunakan atribut jenis-gaya senarai, yang menetapkan jenis teg item senarai Apabila nilai atribut ialah "tiada", tiada teg dinyatakan (iaitu, teg dialih keluar).

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			ul li{
				list-style-type:none;
			}
		</style>
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

Bagaimana untuk membersihkan bintik hitam dalam html

Anda juga boleh menggunakan atribut trengkas gaya senarai, yang boleh menetapkan semua atribut senarai dalam satu pengisytiharan.

ul li{
	list-style:none;
}

Bagaimana untuk membersihkan bintik hitam dalam html

Pengesyoran berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk membersihkan bintik hitam dalam html. 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

Artikel sebelumnya：Bagaimana untuk menjadikan teks menu lungsur HTML lebih kecilArtikel seterusnya：Bagaimana untuk menjadikan teks menu lungsur HTML lebih kecil

Artikel berkaitan

Lihat lagi