Webseite Schnellstart – Hintergrundfarbe

Jetzt wird es bunt! Bevor du die Vielfalt der CSS und HTML-Farben kennenlernst, schauen wir uns zwei grundsätzliche Eigenschaften an um Elemente farblich zu gestalten.

Die grundsätzliche Farbe lässt sich mit der Eigenschaft color festlegen:

p {
  color: red;
}

Damit kannst du die Vordergrundfarbe wie Texte setzen.

Wenn du die Hintergrundfarbe setzen möchtest, verwendest du die Eigenschaft background-color.

p {
  background-color: lightblue;
}

Den Hintergrund kann man auch übrigens noch auf andere Weisen gestalten, das würde allerdings den Rahmen dieses Kurses sprengen.