De bakgrundsfärg egenskap i CSS används för att ställa in bakgrundsfärgen för ett element. Den tillämpar solida färger som elementets bakgrund. Bakgrunden för ett element täcker den totala storleken, inklusive stoppning och kant, men exklusive marginal. Det kan appliceras på alla HTML-element.

markdown-bilder

Syntax

 element transparent 

De färgnamn värde för den här egenskapen definierar värdet på bakgrundsfärgen eller anger färgkoderna. Det kan ges genom att använda färgnamnet, rgb()-värdet eller det hexadecimala värdet.

De transparent värde för den här egenskapen är standardvärdet, som anger den transparenta bakgrundsfärgen.

Exempel

I det här exemplet definierar vi värdet på bakgrundsfärg egenskapen genom att använda färgnamnet, hexadecimalt värde, rgb()-värde och hsl()-värdet. Det finns fyra div-element på vilka vi tillämpar bakgrundsfärg fast egendom.

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

Produktion