Maison > interface Web > tutoriel CSS > le corps du texte

Puis-je changer la couleur d'un soulignement dans le texte ?

Susan Sarandon
Libérer: 2024-11-04 00:57:30
original
751 Les gens l'ont consulté

Can I Change the Color of an Underline in Text?

Personnaliser la couleur de soulignement du texte

Q : Est-il possible de modifier la couleur de la ligne tracée sous un texte ?

R : Oui, vous pouvez désormais modifier facilement la couleur de soulignement à l'aide de CSS.

Pour les navigateurs modernes (support text-decoration-color) :

Pour spécifier la couleur de soulignement, utilisez la règle suivante :

<code class="css">text-decoration-color: #color_value;</code>
Copier après la connexion

Par exemple, pour créer un texte rouge avec un soulignement bleu, le code serait :

<code class="css">text-decoration-color: blue;</code>
Copier après la connexion

Pour les navigateurs plus anciens (bordure en bas method):

Si votre navigateur ne prend pas en charge text-decoration-color, une méthode alternative consiste à créer une bordure sous le texte :

<code class="css">a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:hover {
  border-bottom-color: green;
}</code>
Copier après la connexion

Dans cet exemple, il crée un lien souligné en bleu qui devient vert au survol.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal