sábado, 19 de marzo de 2022

👨‍💻 Eliminar el subrayado de los enlaces (CSS)


Si compras una plantilla HTML para tu página web, normalmente vendrá definido en la hoja de CSS los estilos para tus enlaces.  Lo más extendido es que los enlaces se muestren en otro color y con un subrayado. Cambiar esto es sumamente sencillo.

Si quieres puedes poner estas líneas en tu hoja de estilo CSS:

/*En tu hoja de estilos */
a:link, a:visited, a:active {
    text-decoration:none;
}

O bien, en la cabecera de tu HTML, entre las etiquetas <style></style>

<head>
    <title>Ejemplo CSS</title>
    <style type="text/css">
        a:link, a:visited, a:active {
            text-decoration:none;
        }
    </style>
</head>
🧐

Anticuado

Actualmente, mostrar los enlaces subrayados por defecto en las páginas web está en desuso, ya que en textos largos, puede resultar dificultosa su lectura.

🧐

Diseño

Además, si se busca una buena estética, puede ser mejor simplemente cambiar el color del enlace en los párrafos o textos.

🧐

Solución

Si el enlace o hipervínculo se utiliza para crear un menú de navegación, una solución puede ser encuadrarlos en un rectángulo

🧐

Versatilidad

Con CSS es posible ajustar nuestra plantilla a nuestro estilo personal, y eso incluye las mejoras de diseño a los enlaces.


Fuente:
https://www.adaweb.es/eliminar-subrayado-enlaces-css/