CSS: Subrayar Enlaces sólo cuando el Cursor está sobre ellos

Simplemente agregue las siguientes líneas a su archivo CSS o a las definiciones de CSS de su página:

a {text-decoration:none;}
a:hover {text-decoration:underline;}

Con esto, los enlaces sólo quedarán subrayados al pasar el ratón por encima (mouse over).

Explicación: En HTML, los enlaces tienen la notación "a". Con "text-decoration: none", desactivamos el subrayado del elemento "a", para que los enlaces ya no se muestren subrayados.

El selector ":hover" significa pasar el mouse (mover el mouse sobre un elemento). Aquí, configuramos el elemento "a" en "underline". Esto establece la propiedad "text-decoration" en "underline" mientras se mueve el mouse y "none" en caso contrario.

Importante: En este contexto cabe mencionar que un usuario de una página de Internet debería poder reconocer fácilmente dónde hay un enlace y dónde no. Por este motivo, debería firmar sus enlaces de alguna otra manera (por ejemplo, por color) si no hay un signo subrayado, para que sus visitantes puedan encontrar el camino a su página de inicio.
22/11/2023 a las 15:46