Quando inserisci un'immagine all'interno del tag di collegamento (tra e), il browser del visitatore per impostazione predefinita disegna un bordo blu di un pixel attorno all'immagine. Oltre al fatto che l'arbitrarietà del browser aumenta le dimensioni di questo elemento di design della tua pagina di due pixel in verticale e di due pixel in orizzontale, il colore blu potrebbe non corrispondere allo schema di colori del design della pagina.
Istruzioni
Passo 1
Se devi rimuovere il bordo da una o più immagini di collegamento, puoi farlo aggiungendo un attributo di bordo con un valore zero al tag di ciascuna delle immagini di cui hai bisogno. Ad esempio: lo stesso effetto può essere ottenuto utilizzando l'attributo style inserendo lo stesso bordo con un valore zero: il valore zero (0px) in questa variante può essere sostituito con il valore "none" (senza virgolette).
Passo 2
Se è necessario risolvere questo problema in modo radicale, ovvero per tutte le immagini con collegamenti nell'intero documento, è meglio farlo in modo diverso. Non c'è bisogno di aggiungere l'attributo corrispondente al tag di ogni immagine separatamente, è più facile scrivere la regola comune a tutti nella descrizione dello stile all'inizio del documento. Questa regola CSS sarà simile a questa: a img {border: none;} Dovrebbe essere posizionato nel blocco della descrizione dello stile e il blocco stesso dovrebbe essere posizionato prima del tag che chiude il titolo della pagina:
a img {bordo: nessuno;}
Passaggio 3
Non solo le immagini, ma anche semplici collegamenti di testo in alcuni tipi di browser hanno un problema simile: se un visitatore fa clic sul collegamento, rimarrà un bordo tratteggiato attorno ad esso. Per salvare la tua pagina da questo errore di progettazione, aggiungi la seguente regola di collegamento alle descrizioni dello stile:
a img {schema: nessuno;}
