Cómo quitar el subrayado de los enlaces en HTML/CSS

Por defecto, los enlaces de hipertextos en HTML son subrayados mediante una raya de color que aparece debajo del texto. Sin embargo, puedes suprimir este subrayado con la ayuda de la propiedad CSS text-decoration:none.


Cómo quitar subrayado a través de CSS

Solo define el siguiente código CSS en tu código HTML:



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

Nota: la seudoclase :link permite enfocarte solo en los enlaces de hipertextos (<a href="">) y no en los atributos (<a name="">). Sin embargo, puedes prescindir de ella si lo deseas.

Cómo eliminar el subrayado mediante una clase CSS

Si deseas que este estilo se aplique solo a ciertos enlaces, te basta con definir una clase específica para los enlaces no subrayados (por ejemplo la clase nounderline):

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

Luego, escribe el enlace y haz referencia a esta clase:

<a href="/" class="nounderline">Texto del enlace</a>

Cómo remover el subrayado usando CSS en línea

Si no deseas definir la "hoja de estilo", define el estilo en línea con la ayuda del atributo estilo de la manera siguiente:


<a href="/" style="text-decoration:none">Texto del enlace</a>

Foto: © Pixabay.
Artículo original escrito por jak58. Traducido por Carlos-vialfa. Última actualización: 20 de febrero de 2018 a las 05:09 por Carlos-vialfa.
El documento «Cómo quitar el subrayado de los enlaces en HTML/CSS» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (https://es.ccm.net/) como tu fuente de información.
5 razones para invertir en un sitio web móvil
Espacio en HTML