Comment puis-je souligner en rouge un texte noir en HTML ?

Soulignements colorés en HTML

Ce code produit un texte souligné de couleur rouge :

echo "<u><font color='red'><br>$username</font></u>";

Cependant, vous souhaitez laisser le texte noir mais toujours souligner en rouge.

Solution : Couleur de décoration de texte

CSS3 a introduit une nouvelle propriété appelée text-decoration-color. Cette propriété vous permet d'attribuer une couleur distincte à la décoration du texte, dans ce cas, le soulignement.

En utilisant cette propriété, vous pouvez obtenir l'effet souhaité :

p {
  text-decoration: underline;
  -webkit-text-decoration-color: red; /* for Safari */
  text-decoration-color: red;
}

<p>black text with red underline in one element - no wrapper elements here!</p>

Ce code produit du texte noir avec un soulignement rouge, sans nécessiter d'éléments wrapper supplémentaires.

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!