Hvordan bruke en mørk bakgrunn på websider

Hvordan bruke en mørk bakgrunn på websider


Med mindre designer spesifikt velger ellers alle nettlesere vise nettsider med hvit eller grå bakgrunn som standard. Tilsvarende er hypertekst og lenker vises i svart og lys blå med mindre alternative farger er valgt. Skrive disse standardene og velge din egen er en rask prosess som involverer mindre endringer på siden din HTML-kode og innsetting av et par Cascading Style Sheet (CSS) stil regler.

Bruksanvisning

1 Åpne din nettside. Hvis du bruker en visuell redigering program som Microsoft Frontpage eller Microsoft Expression Web, åpne siden din og endre redigering vise til kodevisning. Dette viser HTML-koden som styrer innholdet og utseende på siden din. Hvis du bruker et tekstredigeringsprogram som Notisblokk, åpne siden i programmet.

2 Finn </ head> tag nær toppen av nettsiden din kode. Trykk på "Enter" -tasten for å sette inn en tom linje rett over koden.

3 Kopier og lim inn følgende to linjer med kode på den blanke linjen du la i forrige trinn:

<Style type = "text / css">
</ Style>

Denne koden forteller nettleseren for å lete etter stil regler som påvirker utseendet på siden din.

4 Trykk på "Enter" -tasten for å sette inn en tom linje rett over </ style> tag du har lagt i forrige trinn. Kopier og lim følgende to linjer med kode på den blanke linjen:

body {background-color: black; Farge: hvit}
a {color: orange}

Disse endre bakgrunnsfargen på siden til svart, tekstfarge til hvit, og hyperkoblingen farge til oransje. Juster disse fargene for å dekke behovene til din design.

5 Lagre nettsiden din og åpne den i nettleseren din. Din side har nå en mørk bakgrunn, med lys-farget tekst og lenker for å gi tilstrekkelig kontrast og lesbarhet.