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.
23 / 49

Inserire del testo su un’immagine

I Video di HTML.it

Filo, l’IOT per tutte le cose da non perdere

Filo è un prodotto che consente di sapere sempre l’esatta posizione dei nostri oggetti. Possiamo ad esempio collegare le chiavi […]