logo

Hvordan endre bakgrunnsfarge i CSS?

De bakgrunnsfarge egenskap i CSS brukes til å angi bakgrunnsfargen til et element. Den bruker solide farger som elementets bakgrunn. Bakgrunnen til et element dekker den totale størrelsen, inkludert polstring og kant, men ekskludert margin. Det kan brukes på alle HTML-elementer.

Syntaks

 element transparent 

De fargenavn verdien til denne egenskapen definerer verdien av bakgrunnsfargen eller spesifiserer fargekodene. Den kan gis ved å bruke fargenavnet, rgb()-verdien eller den heksadesimale verdien.

De gjennomsiktig verdien for denne egenskapen er standardverdien, som spesifiserer den gjennomsiktige bakgrunnsfargen.

Eksempel

I dette eksemplet definerer vi verdien av bakgrunnsfarge egenskap ved å bruke fargenavnet, heksadesimalverdien, rgb()-verdien og hsl()-verdien. Det er fire div-elementer som vi bruker bakgrunnsfarge eiendom.

 background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); 
Test det nå

Produksjon

Hvordan endre bakgrunnsfarge i CSS