Cuando vinculamos una imagen, si no tenemos aplicada la propiedad border: none; alrededor de la imagen podremos identificar un recuadro azul, si usamos Firefox. Como decía anteriormente, con solo aplicar la propiedad anterior con su valor correspondiente esto se arreglará y el borde quedará eliminado. Esto es muy sencillo pero existe gente que tiene el problema, generalmente los que son principiantes.

Por ejemplo, en esta línea:

<span class="removed_link" title="www.mienlace.com"></span>

Si la dejamos como está, nos saldrá el recuadro azul. Si deseamos que desaparezca el recuadro azul en todas las imágenes, nos vamos a nuestro documento CSS y añadimos esta clase:

img {

border: none;

}

Si deseamos eliminar el borde azul únicamente en todas las imágenes que se encuentren enlazadas, sería así:

a img {

border: none;

}

Si solo deseamos eliminar el borde azul en la imagen anterior, utilizamos los estilos en línea:

<span class="removed_link" title="www.mienlace.com"></span>

Si queremos podemos saber más sobre los bordes en las imágenes.