Como elimino el subrayado de mis enlaces?

Css | Escrito por Ezequiel M. | Febrero - 12 - 2009

Eliminar subrayado de links

Básicamente un enlace de texto toma las propiedades especificadas para el elemento, agregándole además de su color característico, un subrayado que indica que es un enlace. Su simbología es única porque en la actualidad cualquier persona lo reconoce. Si necesitas eliminar ese subrayado con CSS lo podes hacer de la siguiente manera.


Código CSS:

a:link, a:visited{
text-decoration:none;
}


Código XHTML:

Mi Enlace

Resultado:

Mi Enlace

El estilo apunta a los enlaces generales, podes remplazar la letra “a” por el nombre de Clase o ID que estés utilizando para los mismo. En este caso se elimina el subrayado pero hereda el color de una clase que esta especificada en la hoja de estilo del blog.

Articulos relacionados:

    • Como creo y le doy estilo a las teclas de acceso? Mejorar la accesibilidad de un sitio puede cambiar la experiencia del navegante y el uso de las teclas de acceso es uno de los puntos mas esenciales. Para asignar teclas de acceso a palabras o enlaces hay que utilizar una etiqueta XHTML. Con la etiqueta “acceskey” nos referimos a una letra del teclado y con una
    • Como agrego sombra a un texto con CSS3? Text-Shadow es una de las nuevas propiedades en CSS3 que permite estilizar las fuentes. Esta propiedad es la solución a muchos trucos que se idearon para simular sombras en las fuentes de los sitios web. Esta propiedad actúa a modo gráfico sin duplicar el texto y sin generar una imagen. Los valores para la propiedad Text-shadow
    • Como transformo todo el Texto a Mayúsculas? Si hay algo en lo que se destaca CSS, es en el formateado de Texto. Mediante una simple propiedad, podemos transformar todo un texto a mayúsculas en un abrir y cerrar de ojos. Con la propiedad Text-transform: uppercase; transformamos todo el texto que esta dentro de las etiquetas xhtml que estemos usando, en este caso, pasamos

Comentarios:

  1. Muchas gracias! La verdad es que me tenía reventado el tema éste, soy diseñador y mis fundamentos en programación se perdieron hace años con el HTML, ya ni te cuento con el CSS…

    Lo dijo Wasenshi el 17 Agosto 2009 a las 5:08

  2. Muchas gracias por este conocimiento arduo que nos has brindado señor Ezequiel, la verdad es que es un buen consejo sobre la generalidad de los enlaces.
    Gracias y Suerte!!

    Lo dijo Diseño - Web Gratis Ya! el 8 Marzo 2011 a las 10:41

Deja tu opinion