Come sbarazzarsi di link immagine Scatole in CSS

August 8

Alcuni browser aggiungere un bordo blu spessa o casella intorno collegamenti di immagine per impostazione predefinita. In HTML, è possibile attivare il confine off con "border = '0'" nel tag "<img>", ma l'attributo "confine" è considerato obsoleto nella moderna HTML. Utilizzare i CSS (Cascading Style Sheets) del codice, invece, e impostare la proprietà "confine" a zero per tutti "<img>" tag annidati all'interno dei tag "<a>". In questo modo farà in modo che tutte le immagini all'interno di tag link verranno visualizzati senza il confine, anche se si consiglia di creare un bordo che corrisponde al resto del vostro disegno, invece.

istruzione

1 Vai su "Start" sulla barra delle applicazioni desktop e inserire "Blocco note" nel campo di ricerca. Passare a "File" e "Open" per aprire il file per la pagina Web. Nella maggior parte dei casi, la pagina Web è un file HTML.

2 Aggiungere un paio di "<style>" tag tra i "<head>" tag situati vicino alla parte superiore del codice:

<Style type = "text / css">

</ Style>

Non hai bisogno di una seconda coppia di questi tag se il codice li contiene già.

3 Aggiungere questo codice tra i "<style>" tag:

un img {

border: 0px;

}

Il codice di cui sopra seleziona tutti "<img>" tag all'interno del tag "<a>" e dà loro un bordo con una larghezza di zero pixel. Questo codice disattiva il confine, di conseguenza, su tutte le immagini collegate.

Consigli e avvertenze

  • Utilizzare la proprietà "confine" per sostituire il bordo blu di default: "border: 1px solid nero;".
  • Se si desidera che gli utenti a fare clic sulle immagini, si dovrebbe lo stile loro di fornire qualche spunto visivo per gli utenti quando le immagini sono cliccabili.