Wie setze ich die Hintergrundfarbe eines Rechtecks mit CSS?

Um die Hintergrundfarbe eines Rechtecks mit CSS zu setzen, definierst du zunächst ein HTML-Element, das das Rechteck darstellt. Oft wird dafür ein div-Element verwendet, da es ein Block-Element ist und sich gut für Layouts eignet.

Im CSS legst du dann die Breite und Höhe des div fest, damit es wie ein Rechteck aussieht. Die Hintergrundfarbe wird mit der Eigenschaft background-color bestimmt. Hier kannst du verschiedene Farbangaben verwenden, wie Farbname (z.B. red), Hexadezimalwerte (z.B. #ff0000), RGB-Werte (z.B. rgb(255,0,0)) oder HSL-Werte.

In diesem Beispiel hat das Rechteck eine feste Breite von 300 Pixeln und eine Höhe von 150 Pixeln. Die Hintergrundfarbe ist ein sattes Grün (#4CAF50). Zusätzlich habe ich einen schwarzen Rahmen hinzugefügt, damit das Rechteck besser sichtbar ist.

Du kannst die Werte und Farben nach Belieben anpassen, um das Aussehen deines Rechtecks zu verändern.