Maison > interface Web > tutoriel HTML > Comment effacer les points noirs en HTML

Comment effacer les points noirs en HTML

青灯夜游
Libérer: 2022-01-21 15:41:11
original
15839 Les gens l'ont consulté

Méthodes pour effacer les points noirs li : 1. Utilisez l'attribut list-style-type, ajoutez simplement le style "list-style-type:none;" à l'élément li ; 2. Utilisez l'attribut list-style, ajoutez simplement Ajoutez simplement le style "list-style:none;" à l'élément li.

Comment effacer les points noirs en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Utilisez les balises ul et li en HTML pour créer une liste :

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

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

</html>
Copier après la connexion

J'ai trouvé que chaque élément de la liste a un petit point noir par défaut :

Comment effacer les points noirs en HTML

Comment supprimer le point noir avant li ?

Utilisez l'attribut list-style-type, qui définit le type de balise d'élément de liste. Lorsque la valeur de l'attribut est "none", aucune balise n'est spécifiée (c'est-à-dire que la balise est supprimée).

<!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>
Copier après la connexion

Comment effacer les points noirs en HTML

Vous pouvez également utiliser l'attribut raccourci de style liste, qui peut définir tous les attributs de liste dans une seule instruction.

ul li{
	list-style:none;
}
Copier après la connexion

Comment effacer les points noirs en HTML

Recommandations associées : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal