logo

Hvordan ændrer man baggrundsfarve i CSS?

Det baggrundsfarve egenskab i CSS bruges til at indstille baggrundsfarven for et element. Den anvender solide farver som elementets baggrund. Baggrunden for et element dækker den samlede størrelse, inklusive polstring og kant, men eksklusive margen. Det kan anvendes på alle HTML-elementer.

Syntaks

 element transparent 

Det farvenavn værdien af ​​denne egenskab definerer værdien af ​​baggrundsfarven eller angiver farvekoderne. Det kan gives ved at bruge farvenavnet, rgb()-værdien eller den hexadecimale værdi.

Det gennemsigtig værdien af ​​denne egenskab er standardværdien, som angiver den gennemsigtige baggrundsfarve.

Eksempel

I dette eksempel definerer vi værdien af baggrundsfarve egenskab ved at bruge farvenavnet, den hexadecimale værdi, rgb()-værdien og hsl()-værdien. Der er fire div-elementer, som vi anvender baggrundsfarve ejendom.

 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 nu

Produktion

Sådan ændres baggrundsfarve i CSS