Hvordan bli kvitt en blå Border Fra bilder i HTML
Når en nettleser møter en bildekode omgitt av en kobling i HTML-kildekoden for en side, hvis ingen grense eiendommen ligger, gjør leseren en en-pixel blå ramme rundt bildet. Dette indikerer klart til de besøkende om at et bilde er også en link, og når klikket vil ta besøkende til en annen side. Det kan være lurt å stoppe den blå ramme vises hvis det ikke passer med den generelle designen av siden. Legg en CSS stil på siden for å fjerne rammen for alle bildelinker.
Bruksanvisning
1 Åpne en Web-design program eller tekstredigeringsprogram, og deretter åpne HTML-siden du ønsker å jobbe på.
2 Sjekk om det siden bruker allerede en CSS stilark. Se etter en linje som ligner på denne:
<Link href = "main.css" rel = "stylesheet" type = "text / css" />
Dette indikerer at siden bruker et eksternt stilark, så åpner du refererte CSS-fil for å legge den nye stilen.
3 Legg til følgende linjer mellom HTML "<head>" og "</ head>" koder hvis det ikke er noen stilark i bruk, for å definere en lokal stilark for siden:
<Style type = "text / css">
</ Style>
4 Legg til følgende stil på toppen av eksternt stilark, eller mellom "<style>" og "</ style>" koder som definerer lokale style sheet:
en img {
border: none;
}
Dette forteller nettleseren at det ikke skal være noen rammer rundt bildene som finnes i en kobling. Senere stiler kan overstyre denne stilen i stilarket slik at enkelte bilder å ha en tilpasset ramme, om nødvendig.
5 Lagre siden og eksternt stilark, hvis aktuelt, deretter laste opp filer til webserveren. Vis siden i en nettleser for å se bildene i lenker som vises uten ramme.
Hint
- Mange tutorials foreslår å sette img "grensen" attributt til null for å slå av bildekanten, men attributtet er foreldet som på tidspunktet for offentliggjøring, så bruk en CSS-stil i stedet.