Nedenfor er trinene til, hvordan du kan ændre baggrundsfarven på en webside i HTML og CSS. Selvom baggrundsfarven kan gøres med HTML BODY-tagget, anbefaler vi, at du angiver baggrundsfarveværdierne i CSS som vist nedenfor.

Tip: Når du definerer farven på et websideelement, skal du muligvis bruge HTML-farvekoder. For store farver kan du også angive navnene på disse farver i stedet for at bruge farvekoder, f.eks. Rød, blå, grøn og sort i stedet for at bruge deres respekterede farvekodeværdier.

CSS eksempel

I CSS-eksemplet nedenfor sætter vi kroppen til at have en baggrundsfarve af sort ved at tilføje "baggrundsfarve: # 000;" i kropsblokken. Da baggrundsfarven er sort, skal tekstfarven også ændres, eller det vil ikke blive set. Så vi sætter tekstfarven til hvid ved at tilføje "farve: #fff;" ind i blokken.

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

Hvis din side ikke bruger CSS, eller du ikke vil konvertere til CSS, er nedenstående trinene til, hvordan du gør dette i BODY-tagget i HTML-koden. Men som tidligere nævnt anbefaler vi stærkt at bruge ovenstående CSS-kode i stedet for kropstegnet. Hvis du bruger CSS-styling, kan du ændre baggrundsfarveværdierne en gang, og ændringerne bliver automatisk anvendt til alle HTML-elementer ved hjælp af denne stil.

HTML body tag eksempel

I nogle meget sjældne situationer kan det ikke være muligt at bruge CSS. I disse situationer kan du også definere baggrundsfarve, tekstfarve, linkfarve og andre værdier i HTML-kropstaggen som vist nedenfor.

Nedenfor er beskrivelserne af hver af HTML-attributterne i kropstagget.

TEXT = Farven på tekst.

LINK = Farven på links.

VLINK = Besøg link farve.

ALINK = Farve på det aktive link eller den farve, som linket ændres til, når det klikkes.

BGCOLOR = Baggrundsfarven på siden.

Tip: For at hjælpe med at illustrere alle ovenstående værdier, er linkfarven blå, links, som du har besøgt, er lilla, og links, der hoveres over eller klikkes, er røde.