Come rimuovere un bordo IMG Anchor

January 1

Il tag di ancoraggio ( "a") in HTML viene utilizzato per creare un collegamento ipertestuale ad altre pagine Web o ad una parte diversa della pagina corrente. Il testo è in genere posizionato tra una coppia di "un" tag, così l'utente può cliccare sulle parole per aprire il collegamento. Tuttavia, un tag "img" può anche essere collocato tra i "a" tag. Quindi, l'utente fa clic l'immagine di seguire il link. Alcuni browser inserire un bordo blu intorno a tali immagini, imitando il formato blu-sottolineati comune di link di testo. Se si trova questo visivamente fastidioso, è possibile specificare che l'immagine non dovrebbe avere alcun confine con Cascading Style Sheet codice.

istruzione

1 Inserire il codice seguente tra i tag "testa" del documento HTML:

<Style type = "text / css">

.noborder

{

border: none;

}

</ Style>

2 Aggiungere l'attributo "class" con il valore "noborder" al tag "img" che si desidera rimuovere il bordo da. Ecco un esempio:

<a href="link.html"> <img class = "tag NoBorder" nella pagina. Modificare il codice CSS tra i tag "testa" al seguente:

<Style type = "text / css">

un IMG

{

border: none;

}

</ Style>

Non è necessario specificare una classe per uno qualsiasi dei tag "img", se si utilizza questa tecnica.