Comment puis-je changer la couleur du soulignement sous le texte ?

Modification de la couleur de soulignement du texte

La modification de la couleur du soulignement sous le texte peut être obtenue à l'aide de certaines propriétés CSS.

Option 1 : text-decoration-color (Navigateurs modernes)

Pour les navigateurs modernes prenant en charge la propriété text-decoration-color, vous pouvez définir une couleur directement, comme suit :

<code class="css">text-decoration-color: green;</code>

Option 2 : border-bottom pour les navigateurs plus anciens

Si la propriété text-decoration-color n'est pas prise en charge, vous pouvez utiliser une solution de contournement impliquant une bordure en bas bord du texte :

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

a:hover {
  border-bottom-color: green;
}</code>

Cette méthode permet de créer une ligne colorée sous le texte, simulant l'effet d'un soulignement.

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!