Saltar al contenido

¿Cómo eliminar el subrayado de un enlace en HTML?

Solución:

Versión en línea:

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

Sin embargo, recuerde que generalmente debe separar el contenido de su sitio web (que es HTML), de la presentación (que es CSS). Por lo tanto, generalmente debe evitar los estilos en línea.

Vea la respuesta de John para ver una respuesta equivalente usando CSS.

Esto eliminará todos los subrayados de todos los enlaces:

a {text-decoration: none; }

Si tiene enlaces específicos a los que desea aplicar esto, asígneles un nombre de clase, como nounderline y haz esto:

a.nounderline {text-decoration: none; }

Eso se aplicará solo a esos enlaces y no afectará a todos los demás.

Este código pertenece al <head> de su documento o en una hoja de estilo:

<head>
    <style type="text/css">
        a.nounderline {text-decoration: none; }
    </style>
</head>

Y en el cuerpo:

<a href="https://foroayuda.es/#" class="nounderline">Link</a>

Sugiero usar: hover para evitar el subrayado si el puntero del mouse está sobre un ancla

a:hover {
   text-decoration:none;
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *