Der Hintergrundfarbe Die Eigenschaft in CSS wird verwendet, um die Hintergrundfarbe eines Elements festzulegen. Es wendet Volltonfarben als Hintergrund des Elements an. Der Hintergrund eines Elements deckt die gesamte Größe ab, einschließlich Innenabstand und Rand, jedoch ohne Rand. Es kann auf alle HTML-Elemente angewendet werden.

Syntax

 element transparent 

Der Farbname Der Wert dieser Eigenschaft definiert den Wert der Hintergrundfarbe oder gibt die Farbcodes an. Es kann durch Verwendung des Farbnamens, des rgb()-Werts oder des Hexadezimalwerts angegeben werden.

Der transparent Der Wert dieser Eigenschaft ist der Standardwert, der die transparente Hintergrundfarbe angibt.

Beispiel

In diesem Beispiel definieren wir den Wert von Hintergrundfarbe Eigenschaft mithilfe des Farbnamens, des Hexadezimalwerts, des rgb()-Werts und des hsl()-Werts. Es gibt vier div-Elemente, auf die wir das anwenden Hintergrundfarbe Eigentum.

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

Ausgabe