Eliminar el subrayado de los enlaces (CSS)

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>

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

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

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.

3 comentarios

Escribe una respuesta


1 + 9 =