Eliminar el subrayado de los enlaces

19/Feb/2007 CSS , 7 Comentarios

Por defecto los navegadores suelen mostrar los enlaces de una página HTML de forma subrayada. Dependiendo del estilo que le estemos dando a la página, esto, puede ser más o menos un inconveniente. Mediante CSS tenemos una forma muy sencilla de hacer que los enlaces no aparezcan subrayados, es decir, vamos a eliminar el subrayado de los enlaces.

Para ello simplemente tenemos que manipular las propiedades del elemento anchor, es decir, del elemento A. Dicho elemento es el que representa los enlaces en el lenguaje HTML.

Lo primero que tenemos que hacer para eliminar el subrayado de los enlaces es crear un código CSS para acceder a dicho elemento. Para ello, dentro de la cabecera de la página crearemos una sección para manejar estilo. Veamos el código:

  1. <title>Enlaces no subrayados</title>
  2. <style type="text/css">
  3. ...
  4. </style>
  5. </head>

Dentro de esta sección manipularemos las comportamientos del elemento A. En concreto vamos a manipular los comportamientos link y visited. El primero representa al enlace en su estado inicial y el segundo al enlace cuando ha sido visitado.

La idea es que en ambos casos no aparezca el subrayado. Para ello hay que modificar la propiedad text-decoration e indicar que no tiene ninguna. Es decir, asignarle el valor de none.

El código para eliminar el subrayado de los enlaces quedaría de la siguiente manera:

  1. <title>Enlaces no subrayados</title>
  2. <style type="text/css">
  3. <!--
  4. A:link {text-decoration:none}
  5. A:visited {text-decoration:none}
  6. --></style>
  7. </head>

Vídeos sobre CSS


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

7 comentarios en “Eliminar el subrayado de los enlaces”

Víctor Cuervo

Víctor Cuervo

@Jose Luis, @Samantha, me alegro que les haya servido. 😀

Víctor Cuervo

Samantha

Muchas gracias, me fue de mucha utilidad

Víctor Cuervo

Jose Luis

Me sirvio muchas gracias pueden visitar mi sitio enix.x10.mx

Víctor Cuervo

lineadecodigo

@Alan, @lberto v05,

Me alegro que les haya servido. 🙂

Víctor Cuervo

alberto v05

Muchas gracias, fue de mucha ayuda

Víctor Cuervo

Alan

Muy bueno, me sirvio mucho, gracias por colocar tips como este.

Víctor Cuervo

moramodigital

hola me sirvio enseguida muchas gracias

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*