Quando abbiamo la necessità di inserire un link associato ad un'immagine è praticamente certo che essa verrà visualizzata con un bordino blu intorno.
Questo succede perchè i vari browser impostano di default il bordo blu sui link. Il problema che possiamo avere, quindi, è molto simile all'immagine seguente:
La soluzione al problema è davvero semplice, bisogna solo eliminare il bordo dalle immagini con il seguente codice:.
img {
border: none;
}
Facendo uso di un CSS Reset, il problema appena visto sarà sicuramente stato risolto all'interno del file con la regola precedente. Non avremmo quindi la necessità di utilizzare nuovamente la regola.
Possiamo vedere la differente visualizzazione dell'immagine con e senza bordo nella demo.