Slik endrer du bakgrunns- og tekstfargen på en nettside

Nedenfor finner du trinnene for hvordan du kan endre bakgrunnsfargen på en nettside i HTML og CSS. Selv om bakgrunnsfargen kan gjøres med HTML BODY-taggen, anbefaler vi at du angir bakgrunnsfarger i CSS som vist nedenfor.

Tips: Når du definerer fargen på et hvilket som helst websideelement, må du kanskje bruke HTML-fargekoder. For store farger kan du også angi navnene på disse fargene i stedet for å bruke fargekoder, for eksempel rød, blå, grønn og svart i stedet for å bruke deres respekterte fargekodeverdier.

CSS eksempel

I CSS-eksemplet nedenfor legger vi kroppen til å ha en bakgrunnsfarge på svart ved å legge til "bakgrunnsfarge: # 000;" i kroppsblokken. Siden bakgrunnsfargen er svart, må tekstfargen også endres, eller det vil ikke bli sett. Så, vi setter tekstfargen til hvit ved å legge til "farge: #fff;" inn i blokken.

 kropp {font-family: Helvetica, Arial, sans-serif; background-color: # 000; farge: #fff; } 

Hvis siden din ikke bruker CSS, eller du ikke vil konvertere til CSS, er det nedenfor trinnene for hvordan du gjør dette i BODY-taggen i HTML-koden. Som tidligere nevnt anbefaler vi sterkt at du bruker den ovennevnte CSS-koden i stedet for kroppsmerket. Hvis du bruker CSS-styling, kan du endre bakgrunnsfargeverdiene en gang, og endringene vil automatisk bli brukt på alle HTML-elementene ved hjelp av denne stilen.

HTML body tag eksempel

I noen svært sjeldne situasjoner kan det ikke være mulig å bruke CSS. For de situasjonene kan du også definere bakgrunnsfarge, tekstfarge, lenkefarge og andre verdier i HTML-kroppstegnet som vist nedenfor.

Nedenfor er beskrivelsene av hver av HTML-attributter i kroppsmerket.

TEXT = Fargen på teksten.

LINK = Fargene på koblinger.

VLINK = Beslektet lenkefarge .

ALINK = Farge på den aktive linken, eller fargen koblingen endrer til når den klikkes.

BGCOLOR = Bakgrunnsfargen på siden.

Tips: For å bedre illustrere alle ovennevnte verdier, er koblingsfargen blå på denne siden, koblinger du har besøkt er lilla, og koblinger som er svevet over eller klikket, er røde.