Maison >interface Web >Questions et réponses frontales >Que signifie le code CSS barré ?

Que signifie le code CSS barré ?

青灯夜游
青灯夜游original
2022-09-14 13:59:554317parcourir

Le code CSS barré est "élément de texte {text-decoration:line-through;}". L'attribut CSS text-decoration est utilisé pour spécifier les modifications ajoutées au texte, telles que le soulignement, le surlignement, le barré, etc. ; lorsque la valeur de cet attribut est définie sur "line-through", une ligne traversant le texte peut être définie, c'est-à-dire l'effet barré.

Que signifie le code CSS barré ?

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

En CSS, vous pouvez utiliser l'attribut text-decoration pour obtenir l'effet barré. Le code d'implémentation est :

文本元素{text-decoration:line-through;}

L'attribut text-decoration spécifie les modifications ajoutées au texte, telles que le soulignement, le surlignement, le barré, etc.

valeur description
aucun par défaut. Texte qui définit la norme.
underline définit une ligne sous le texte.
overline définit une ligne sur le texte.
line-through définit une ligne qui passe sous le texte.
blink Définissez le texte clignotant.

Description :

Cet attribut permet de définir certains effets sur le texte, comme le barré. Si l'élément descendant n'a pas ses propres décorations, les décorations définies sur l'élément ancêtre "s'étendront" aux éléments descendants. Les agents utilisateurs ne sont pas tenus de prendre en charge le clignotement.

Exemple de code :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
			}
		</style>
	</head>
	<body>
		<p>这里有一条删除线</p>
	</body>
</html>

Que signifie le code CSS barré ?

Comme le montre l'exemple, en définissant text-decoration:line-through; pour ajouter un barré au texte dans l'élément p, la méthode est simple et pratique. Et vous pouvez simplement modifier le style barré via les paramètres CSS, tels que la couleur, par exemple : text-decoration:line-through;为p元素里的文本文字添加了删除线,方法简单、方便。且可以通过css设置简单修饰删除线样式,比如:颜色,例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
				color: red;
			}
			span{
				color: black;
			}
		</style>
	</head>
	<body>
		<p><span>这里有一条删除线</span></p>
	</body>
</html>

Que signifie le code CSS barré ?

这样我们结合text-decoration:line-through<span></span>rrreee

Que signifie le code CSS barré ?

De cette façon, nous combinons text-decoration: line-through et <span></span>> ;Style définit le style de couleur de la police du texte, et vous pouvez obtenir l'effet de style de différentes couleurs barrées et de texte en CSS. N'est-ce pas très simple !

(Partage de vidéos d'apprentissage : 🎜Démarrer avec le front-end Web🎜)🎜

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!

Déclaration:
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