On connaît évidemment les balises pour souligner un texte en HTML mais il existe d’autres techniques en CSS qui rendent le soulignement plus esthétique et que vous pourrez utiliser pour animer un hover sur un lien par exemple.

A travers cet article illustré d’exemples vous devriez trouver votre bonheur. Il explique qu’en fonction de la situation il faut utiliser telle ou telle technique et il en recense pas moins de 7 :

• text-decoration
• border-bottom
• box-shadow
• background-image
• SVG filters
• Underline.js (canvas)
• text-decoration-*

Je dois dire que les résultats sont vraiment top :

L’article : css-tricks.com/styling-underlines-web/

Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.