Eliminare il bordo blu dalle immagini con link

Quando inseriamo una immagine in un documento XHTML, e vogliamo utilizzarla come link, appare un fastidioso bordo blu intorno ad essa; questo succede perchè il browser tratta la foto come se fosse testo normale; di conseguenza bordo blu per un link attivo ed il classico bordò quando è stato visitato.

Vediamo come è possibile eliminarlo. Cominciamo col dire che esistono diversi modi per farlo: o scrivendo direttamente nel tag <img> oppure impostando il margine pari a zero in un foglio di stile esterno, collegato alla pagina. Se io scrivessi:

<a href="#"><img  src="/picture.gif" /></a>

otterrei il risultato qui in basso:

Immaginiamo, a questo punto, di avere molte immagini in un sito; per ognuna di esse dovremmo scrivere:

<a href="#"><img   src="/picture.gif" border="0" /></a>     

Un pò noioso no? Possiamo, allora, risolvere in un altro modo: come scritto più su, inseriamo una dichiarazione in un foglio di stile esterno alla pagina, la quale imposta a zero il bordo di tutte le immagini inserite; il codice è il seguente:

img {border: none}

Il problema del bordo è risolto!!