De Achtergrond kleur eigenschap in CSS wordt gebruikt om de achtergrondkleur van een element in te stellen. Er worden effen kleuren toegepast als achtergrond van het element. De achtergrond van een element bestrijkt de totale grootte, inclusief de opvulling en rand, maar exclusief de marge. Het kan op alle HTML-elementen worden toegepast.

statisch Java

Syntaxis

 element transparent 

De kleurnaam waarde van deze eigenschap definieert de waarde van de achtergrondkleur of specificeert de kleurcodes. Deze kan worden opgegeven door de kleurnaam, rgb()-waarde of de hexadecimale waarde te gebruiken.

De transparant waarde van deze eigenschap is de standaardwaarde, die de transparante achtergrondkleur specificeert.

Voorbeeld

In dit voorbeeld definiëren we de waarde van de Achtergrond kleur eigenschap door de kleurnaam, hexadecimale waarde, rgb()-waarde en de hsl()-waarde te gebruiken. Er zijn vier div-elementen waarop we de Achtergrond kleur eigendom.

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

Uitvoer