Maison > interface Web > tutoriel CSS > Comment supprimer le soulignement d'une balise en CSS

Comment supprimer le soulignement d'une balise en CSS

王林
Libérer: 2023-01-06 11:14:01
original
13478 Les gens l'ont consulté

La façon de supprimer le soulignement de la balise a en CSS est d'ajouter l'attribut text-decoration à la balise a et de définir la valeur de l'attribut sur none, ce qui signifie que la décoration du texte n'a pas de lignes, par exemple [texte-décoration-ligne : aucun ; ].

Comment supprimer le soulignement d'une balise en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Nous pouvons spécifier le type de ligne à utiliser pour la décoration du texte via l'attribut text-decoration-line.

Valeurs d'attribut communes :

  • aucune Valeur par défaut. Spécifie que la modification du texte ne comporte pas de lignes

  • souligné précise qu'une ligne sera affichée en dessous du texte

  • overline précise qu'une ligne sera affichée affiché au-dessus du texte

  • line-through Spécifie qu'une ligne sera affichée au milieu du texte

  • initial Définit cette propriété à sa valeur valeur par défaut

  • inherit Hérite de cet attribut de l'élément parent

Exemple :

<!DOCTYPE html>
<html>
<head>
<style>
p
{
text-decoration-line: overline; 
-moz-text-decoration-line: overline; /* 针对 Firefox 的代码 */
}
</style>
</head>

<body>
<p>
本实例中的段落上方会显示一条线。</p>

<p><b>注意:</b>几乎所有的主流浏览器都不支持 text-decoration-line 属性。</p>
<p><b>注意:</b>Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-line 属性。</p>

</body>
</html>
Copier après la connexion

Effet d'exécution :

Comment supprimer le soulignement dune balise en CSS

Tutoriels vidéo associés : Tutoriels 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