logo

Kaip pakeisti fono spalvą CSS?

The fono spalva CSS savybė naudojama elemento fono spalvai nustatyti. Taiko vientisas spalvas kaip elemento foną. Elemento fonas apima visą dydį, įskaitant užpildą ir kraštinę, bet neįskaitant paraštės. Jis gali būti taikomas visiems HTML elementams.

spyruokliniai batai

Sintaksė

 element transparent 

The spalvos_pavadinimas Šios savybės reikšmė apibrėžia fono spalvos reikšmę arba nurodo spalvų kodus. Jis gali būti pateiktas naudojant spalvos pavadinimą, rgb() reikšmę arba šešioliktainę reikšmę.

The skaidrus šios ypatybės reikšmė yra numatytoji reikšmė, nurodanti skaidrią fono spalvą.

Pavyzdys

Šiame pavyzdyje mes apibrėžiame reikšmę fono spalva ypatybę naudodami spalvos pavadinimą, šešioliktainę reikšmę, rgb() reikšmę ir hsl() reikšmę. Yra keturi div elementai, kuriems taikome fono spalva nuosavybė.

 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%); 
Išbandykite dabar

Išvestis

Kaip pakeisti fono spalvą CSS