CSS (Cascading Style Sheets) bietet eine Vielzahl von Möglichkeiten, um Farben auf Ihrer Webseite zu definieren. Eine der einfachsten Methoden ist die Verwendung von Farbnamen. CSS unterstützt eine breite Palette von vordefinierten Farbnamen, die Sie direkt in Ihrer Stylesheet verwenden können.

Grundlegende Verwendung von Farbnamen

Hier sind einige Beispiele, wie Sie Farbnamen in CSS verwenden können:

color: Legt die Textfarbe fest.
p {
color: red;
}

background-color: Legt die Hintergrundfarbe fest.
div {
background-color: lightblue;
}

border-color: Bestimmt die Farbe des Rahmens.
h1 {
border: 2px solid green;
}

Liste der vordefinierten Farbnamen

CSS unterstützt viele vordefinierte Farbnamen. Hier sind einige Beispiele:

Red: Rot
Blue: Blau
Green: Grün
Yellow: Gelb
Orange: Orange
Purple: Lila
Pink: Rosa
Brown: Braun
Gray: Grau
Black: Schwarz
White: Weiß

Beispiel für eine vollständige CSS-Datei mit Farbnamen

Hier ist ein Beispiel für eine vollständige CSS-Datei, die verschiedene Farbnamen auf Ihrer Webseite anwendet:

body {
font-family: Arial, sans-serif;
background-color: white;
}
h1 {
color: blue;
border: 2px solid green;
text-align: center;
}

p {
color: red;
background-color: lightyellow;
padding: 10px;
}
In diesem Beispiel werden die Farben auf der Webseite mit verschiedenen CSS-Farbnamen gestaltet, um ein ansprechendes und benutzerfreundliches Layout zu schaffen.