Maison > interface Web > Questions et réponses frontales > Comment supprimer le soulignement du texte en CSS3

Comment supprimer le soulignement du texte en CSS3

WBOY
Libérer: 2022-03-25 16:09:30
original
2675 Les gens l'ont consulté

En CSS3, vous pouvez utiliser l'attribut "text-decoration" pour supprimer le soulignement du texte. Cet attribut est utilisé pour spécifier la décoration ajoutée au texte. Lorsque la valeur de l'attribut est définie sur "aucun", vous pouvez spécifier un texte standard. , qui supprimera le soulignement du texte, la syntaxe est "text-decoration:none".

Comment supprimer le soulignement du texte en CSS3

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

Comment supprimer le soulignement du texte en CSS3

L'attribut text-decoration spécifie la décoration ajoutée au texte.

Remarque : La couleur modifiée est définie par l'attribut "color".

Description

Cet attribut 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.

  • aucun 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éfinit le texte clignotant.

L'exemple est le suivant :

<html>
<head>
<style type="text/css">
.abc{text-decoration: none}
</style>
</head>
<body>
<p><a href="" class="abc">这是一个链接</a></p>
<a href="">这是一个链接</a>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment supprimer le soulignement du texte en CSS3

(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