logo

Jak změnit barvu pozadí v CSS?

The barva pozadí vlastnost v CSS se používá k nastavení barvy pozadí prvku. Jako pozadí prvku použije plné barvy. Pozadí prvku pokrývá celkovou velikost, včetně odsazení a ohraničení, ale bez okraje. Lze jej použít na všechny prvky HTML.

příkaz autocad stretch

Syntax

 element transparent 

The název_barvy hodnota této vlastnosti definuje hodnotu barvy pozadí nebo určuje kódy barev. Lze ji zadat pomocí názvu barvy, hodnoty rgb() nebo hexadecimální hodnoty.

The průhledný hodnota této vlastnosti je výchozí hodnota, která určuje průhlednou barvu pozadí.

Příklad

V tomto příkladu definujeme hodnotu barva pozadí vlastnost pomocí názvu barvy, hexadecimální hodnoty, hodnoty rgb() a hodnoty hsl(). Existují čtyři prvky div, na které aplikujeme barva pozadí vlastnictví.

 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%); 
Otestujte to hned

Výstup

Jak změnit barvu pozadí v CSS