Rimuovere il bordo blu intorno alle immagini

16 novembre 2010

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:

Figura 1 – Immagine con bordo

Immagine con bordo

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.

Tutte le lezioni

1 ... 21 22 23 ... 49

Se vuoi aggiornamenti su Rimuovere il bordo blu intorno alle immagini inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Rimuovere il bordo blu intorno alle immagini

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy