Maison > interface Web > tutoriel CSS > Comment ajouter un soulignement en CSS

Comment ajouter un soulignement en CSS

青灯夜游
Libérer: 2023-01-07 11:45:07
original
14680 Les gens l'ont consulté

Vous pouvez utiliser l'attribut text-decoration en CSS pour ajouter un effet de soulignement. Il vous suffit de définir le style "text-decoration:underline" sur l'élément. text-decoration spécifie la décoration ajoutée au texte, et la valeur soulignement définit une ligne sous le texte.

Comment ajouter un soulignement en CSS

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 ajouter un effet de soulignement. L'attribut text-decoration peut spécifier la décoration ajoutée au texte. Lorsque la valeur est définie sur souligner, il peut définir une ligne sous le texte, c'est-à-dire l'effet de soulignement.

Jetons un coup d'œil à l'exemple de code ci-dessous :

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			p {
				text-decoration: underline
			}
		</style>
	</head>

	<body>
		<p>测试文本!</p>

	</body>

</html>
Copier après la connexion

Rendu :

Comment ajouter un soulignement en CSS

Description :

L'attribut text-decoration vous permet de définir certains effets sur le texte, comme le soulignement. 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.

Valeurs possibles :

描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

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