Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 22 di 49
  • livello principiante
Indice lezioni

Rimuovere il bordo blu intorno alle immagini

Una semplice regola per far scomparire il tradizionale bordo blu sulle immagini usate come link
Una semplice regola per far scomparire il tradizionale bordo blu sulle immagini usate come link
Link copiato negli appunti

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.


Ti consigliamo anche