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

En mi página he puesto algunos enlaces en los que no quiero ninguna línea, entonces, ¿cómo puedo eliminar eso usando HTML?¿Cómo eliminar el subrayado de un enlace en HTML?

Fuente

2012-06-01 Paic Ten

Paic, yo no me voy a molestar hacer retroceder las etiquetas de nuevo, pero para que lo sepas, la única manera de quitar el subrayado es ** con CSS **. Sí, aunque lo está agregando en línea con el HTML (en el atributo 'style') *, sigue siendo CSS *. Las otras dos etiquetas también son completamente válidas ('presentation' e' hyperlink'). En el futuro, no elimine (ni agregue) etiquetas a una pregunta a menos que haya una razón válida para hacerlo. ¡Gracias! – 0b10011

@bfrohs Respeto tus palabras, pero estoy construyendo mi sitio usando solo HTML, así que no agregué más etiquetas porque, si lo hubiera hecho, podría haber obtenido respuestas para otro idioma. En realidad, soy un poco novato, esa es la razón. –

No puede compilar un sitio web compatible con los estándares sin CSS (a menos que vaya con los valores predeterminados del navegador para todas las presentaciones). HTML = estructura; CSS = presentación Las otras etiquetas no tenían nada que ver con un idioma diferente: solo se proporcionaban para ayudar a las personas a encontrar la pregunta y la respuesta. – 0b10011

131

Inline versión:

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

Sin embargo, recuerde que should generalmente separate el contenido de su sitio web (que es HTML), de la presentación (que es CSS). Por lo tanto, generalmente debe avoid inline styles.

Consulte John's answer para ver una respuesta equivalente usando CSS.

Fuente

2012-06-01 16:19:29

asesino! Nunca vi estas líneas de subrayado en todos los años que estuve haciendo html .... ^^ –

La respuesta de John todavía usa estilos esencialmente en línea. Separar tu CSS significa más que aliasing css en tu html. Por ejemplo 'class =" big-and-red "' es aliasing no separation. 'class =" meaningful-domain-item "' then css '.meaningful-domain-item {// grande y rojo}' es. Esta respuesta es suficiente para recordarme qué etiqueta usar en mi css +1. –

Esto eliminará todos los subrayados de todos los enlaces:

a {text-decoration: none; }

Si usted tiene enlaces específicos que desea aplicar esto a, darles un nombre de clase, como nounderline y hacer esto:

a.nounderline {text-decoration: none; }

Eso se aplicará solo a esos enlaces y todos los demás no se verán afectados.

Este código va en el <head> del 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="#" class="nounderline">Link</a>

Fuente

2012-06-01 16:16:39

@PaicTen Necesita agregar esto a su código CSS. – Sonic42

Agregar a su hoja de estilos externa (preferían):
```
a {text-decoration:none;} 
```

O añadir esto a la <head> de su documento HTML:

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

o añadirlo al elemento a sí (no se recomienda):

<!-- Add [ style="text-decoration:none;"] --> 
<a href="http://example.com" style="text-decoration:none;">Text</a>

Fuente

2012-06-01 16:18:24 0b10011

La siguiente no es una buena práctica, pero a veces puede resultar útil

Es mejor utilizar la solución aportada por John Conde, pero a veces, el uso de CSS externa es imposible. Lo que puede añadir lo siguiente a su etiqueta HTML:

<a style="text-decoration:none;">My Link</a>

Fuente

2012-06-01 16:21:32 nebulousGirl

<style="text-decoration: none">

El código anterior se pegue enough.Just esto en el enlace que desea eliminar subrayado de.

Fuente

2013-11-19 09:20:57 sd1990

Es mejor utilizar: hover para evitar subrayar si el puntero del ratón está sobre un ancla

a:hover { 
    text-decoration:none; 
}

Fuente

2014-02-09 13:08:12 Roman

Las otras respuestas toda mención text-decoration.Algunas veces usa un tema de Wordpress o el CSS de otra persona donde los enlaces están subrayados por otros métodos, de modo que text-decoration: none no desactivará el subrayado.

El borde y la caja de sombras son otros dos métodos que conozco para subrayar los enlaces. Para desactivarlas:

border: none;

box-shadow: none;

Fuente

2015-12-11 17:27:10

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

Respuesta

Cuestiones relacionadas