Hvor å skjule blå Borders
Når et bilde fungerer som en kobling på en webside, noen ganger vil det ende opp med en skjemmende blå ramme rundt kantene hvis sidedesigneren ikke ta forebyggende tiltak. Denne grensen kan ødelegge det estetiske designeren prøvde å skape. Heldigvis, hvis du bygger en webside og oppdager et problem med blå bilde grenser, tar det bare en enkel endring av koden for å bli kvitt dem.
Bruksanvisning
1 Åpne HTML-filen for din webside i et tekstredigeringsprogram eller design program.
2 Sjekk om side bruker en CSS stilark. Hvis siden bruker et eksternt stilark, skal du se en linje med kode på siden header som ligner på følgende: <link href = "/ stylesheet.css" rel = "stylesheet" type = "text / css" / >
3 Finn arket filen stil på datamaskinen (i dette eksempelet stylesheet.css) hvis du har bestemt en er i bruk. Mellom <style> og </ style> -kodene i stilarket, legge til følgende kode:
en img {
border: none;
}
Denne koden vil eliminere blå bilde grenser på alle sider på nettstedet som bruker det stilark.
4 Finn <head> -taggen i sidens HTML-fil hvis siden ikke bruker et eksternt stilark. Mellom <head> og </ head>, skriver du inn følgende:
<Style type = "text / css">
en img {
border: none;
}
</ Style>
Denne koden skaper en lokal stilark som bare fungerer på den bestemte siden, og det vil fungere på samme måte som den eksternt stilark for å eliminere de blå grenser.
5 Spar både eksternt stilark og sidens HTML-fil. Laste dem opp til webserveren, ta vare å overskrive tidligere versjoner når du blir bedt. De blå kanter rundt de tilknyttede bildene skal nå være borte.
Hint
- Hvis du heller vil bruke grunnleggende HTML, rett og slett finne <img src> -taggen for problematisk bilde, som skal se omtrent slik ut: <img src = "/ imagefile.jpg">. Plasser markøren rett til høyre for den siste anførselstegn, og deretter legge på en null grensen verdi: <img src = "/ imagefile.jpg" border = "0">.