Cómo evitar con CSS el rectángulo punteado de los hiperví­nculos

Para evitar el feo rectángulo punteado que aparece por defecto en los enlaces, por ejemplo en este:

Pincha aquí­ para ver lo que intentamos evitar

Añade a tu CSS:
a { outline-style:none;}


Como verás no sale en ninguno de mis enlaces.

Pincha aquí­ para comprobar el resultado.

Esta propiedad puedes utilizarla intencionadamente para aplicar un borde punteado, rayado, etc. Ejemplos para la etiqeuta párrafo:

p.dotted {outline-style: dotted}
p.dashed {outline-style: dashed}
p.solid {outline-style: solid}
p.double {outline-style: double}
p.groove {outline-style: groove}
p.ridge {outline-style: ridge}
p.inset {outline-style: inset}
p.outset {outline-style: outset}

Recuerda que no ocupa espacio.

Escribí esto el 11/10/2007

1 comentario

  1. dactilar dice:

    Me he pasado buscando esta informacion muchisimo tiempo. Los putos puntitos.. grrrr!
    Muchisimas gracias. Me lo apunto!

    Saludos
    http://teimagino.com

Tu comentario

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies