logo

Kako spremeniti barvo ozadja v CSS?

The Barva ozadja Lastnost v CSS se uporablja za nastavitev barve ozadja elementa. Kot ozadje elementa uporablja enobarvne barve. Ozadje elementa pokriva celotno velikost, vključno z oblazinjenjem in robom, vendar brez roba. Uporablja se lahko za vse elemente HTML.

Sintaksa

 element transparent 

The ime_barve vrednost te lastnosti določa vrednost barve ozadja ali podaja barvne kode. Lahko ga podate z uporabo imena barve, vrednosti rgb() ali šestnajstiške vrednosti.

The pregleden vrednost te lastnosti je privzeta vrednost, ki določa barvo prosojnega ozadja.

Primer

V tem primeru definiramo vrednost Barva ozadja z uporabo imena barve, šestnajstiške vrednosti, vrednosti rgb() in vrednosti hsl(). Obstajajo štirje elementi div, na katere uporabimo Barva ozadja premoženje.

 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%); 
Preizkusite zdaj

Izhod

Kako spremeniti barvo ozadja v CSS