Come sbarazzarsi dei bordi sulle immagini all'interno del Link

September 5

Quando si utilizza un'immagine come un collegamento ipertestuale, il browser Internet del lettore aggiungerà automaticamente un bordo blu attorno all'immagine. In questo modo il lettore sa che può fare clic sull'immagine. Tuttavia, questo confine può distrarre dalla immagine o conflitto con il disegno della pagina. Con l'aggiunta di una piccola quantità di codice HTML per l'immagine, si indica il browser del lettore di non aggiungere questo confine.

istruzione

1 Aprire la pagina HTML in un editor di testo di base, come ad esempio il blocco note.

2 Individuare l'immagine che si desidera modificare. Sarà racchiuso in un tag "<img src = ...>" con "<a href =" tag prima. A titolo di esempio, il frammento di codice potrebbe apparire come segue:

<a href="&lt;img"> http://www.somedomain.com "> & lt; img width =" 200 "height =" 200 "/> </a>

3 Aggiungere il seguente codice immediatamente prima del "<img SCR = ..." marchio di chiusura tag di, che può essere ">" o "/>" a seconda del codice:

border = "0"

Nell'esempio, il codice sarà il seguente:

<a href="&lt;img"> http://www.somedomain.com "> & lt; img width =" 200 "height =" 200 "border =" 0 "/> </a>

4 Salvare le modifiche e caricare la pagina aggiornata al server per renderlo attivo.