Gracias a unjimpe nos llega este tutorial, de como eliminar los bordes de los vínculos utilizando el CSS.
Los contornos son unas lineas punteadas que aparecen cuando se han seleccionado los enlaces, estos contornos se muestran alrededor de los enlaces para resaltarlos e indicar que el enlace tiene el foco. Estos contornos se pueden controlar con estilos mediante la propiedad outline.
Esta propiedad tiene tres parámetros con el cual podemos controlar su apariencia: ancho, estilo y color, como se muestra a continuación.
-
outline: ancho estilo color;
Los valores para estas propiedades son:
- ancho: thin (fino), medium (mediano) o thick (grueso).
- estilo: none, dotted, dashed, solid, double, groove, ridge, inset, outset.
- color: el cual es el código hexadecimal del color (Ej: #666666).
Luego por ejemplo si tenemos un enlace al cual deseamos que al ser seleccionado tenga un contorno de color rojo solido de un pixel de ancho se tendría el siguiente código:
-
href=“index.php” style=“outline:thin solid #CC0000;”>Home
Pero si deseamos que todos los enlaces de nuestra página tengan esta misma propiedad, creamos un estilo de la siguiente forma:
-
a { outline: thin solid #CC0000; }
Finalmente si deseamos que no se muestre ningún contorno, pues en la mayoría de los casos es un elemento visual que deseamos no mostrar el código sería el siguiente:
-
a { outline: none; }
