1
Gracias

Unas palabras de agradecimiento nunca están de más.

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.
Jean-François Pillou

Nuestros contenidos son redactados en colaboración con expertos del ámbito tecnológico bajo la dirección de Jean-François Pillou, fundador de CCM.net y director digital en el Grupo Figaro. CCM es un sitio de tecnología líder a nivel internacional y está disponible en 11 idiomas.

Más información sobre el equipo de CCM

0 Comentario