Maison > interface Web > Questions et réponses frontales > Comment annuler le type de style d'affichage de la liste non ordonnée en CSS

Comment annuler le type de style d'affichage de la liste non ordonnée en CSS

WBOY
Libérer: 2022-04-27 17:49:15
original
3770 Les gens l'ont consulté

Méthode d'annulation : 1. Utilisez l'attribut "list-style" pour annuler le style de petit point noir de la liste non ordonnée. La syntaxe est "liste non ordonnée {list-style:none}" ; 2. Utilisez l'attribut display pour annuler. la liste non ordonnée s'affiche en lignes, la syntaxe est "liste non ordonnée {display:inline}".

Comment annuler le type de style d'affichage de la liste non ordonnée en CSS

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

Comment annuler le type de style d'affichage d'une liste non ordonnée en css

Liste non ordonnée

Le tri de la liste non ordonnée signifie qu'il n'y a pas de numéro de série, mais par défaut un point sera affiché devant

Copier après la connexion
  • 第一句
  • 第二句
  • 第三句
  • 第四句

Exemple :

nbsp;html>
	
		<meta>
		<title></title>
	
	
		
Copier après la connexion
  • 第一句
  • 第二句
  • 第三句
  • 第四句

Capture d'écran de l'effet :
Comment annuler le type de style daffichage de la liste non ordonnée en CSS



Comment annuler le type de style daffichage de la liste non ordonnée en CSS

En utilisant list-style: none, vous pouvez supprimer le point. Vous pouvez supprimer les points en écrivant un attribut de style ou un sélecteur dans la balise ul, et en ajoutant

list-style: none;

.

Exemple de code : Capture d'écran de l'effet : Affiché en lignes description
nbsp;html>
	
		<meta>
		<style>
			#aa{
				list-style: none;
			}
		</style>
		<title></title>
	
	
		
Copier après la connexion
  • 第一句
  • 第二句
  • 第三句
  • 第四句
  • 第一句
  • 第二句
  • 第三句
  • 第四句
La liste ordonnée et l'ONU la liste ordonnée occupe une ligne par défaut Oui. appuyez sur Ils sont affichés en lignes, mais nous pouvons également les afficher sur une seule ligne, ce qui peut être réalisé grâce à l'attribut display.
attribut d'affichage

aucun

n'affiche pas

bloc

éléments au niveau du bloc (affichage en colonne)
inline Comment annuler le type de style daffichage de la liste non ordonnée en CSS
Éléments en ligne (affichage en ligne )

🎜Qu'il s'agisse d'un élément de niveau bloc ou d'un élément en ligne, le numéro de séquence précédent (y compris le point ordonné et non ordonné) sera ignoré🎜🎜🎜🎜🎜Exemple de code : 🎜🎜🎜
nbsp;html>
	
		<meta>
		<style>
			.aa li{
				display: inline; <!-- 行内元素(行显示) -->			}
			
			.bb li{
				display: none;  <!-- 不显示 -->			}
			.cc li{
				display: block; <!-- 块内元素(列显示) -->			}
			
			
		</style>
		<title></title>
	
	
		<ol>
			<li>第一句</li>
			<li>第二句</li>
			<li>第三句</li>
			<li>第四句</li>
		</ol>
		
		
Copier après la connexion
  • 第一句
  • 第二句
  • 第三句
  • 第四句
  • 第一句
  • 第二句
  • 第三句
  • 第四句
🎜🎜🎜 Capture d'écran de l'effet : 🎜🎜 🎜🎜🎜🎜🎜 (Partage vidéo d'apprentissage : 🎜Tutoriel vidéo CSS🎜)🎜

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