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.