English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Es gibt mehrere Methoden, um Farben in CSS zu definieren.
Farbschlüsselwörter sind nicht großgeschrieben und stellen spezifische Farben dar, wie z.B. red, green, blue, yellow, black usw.
h1 {
color: red;
}
p {
background-color: yellow;
}Testen Sie es heraus‹/›Warnung:Die Unterstützung für Farbschlüsselwörter variiert zwischen Browsern, daher ist es aus Sicherheitsgründen am besten, Hexadezimalzahlen oder Funktionszeichen zu verwenden.
AnsehenFarbschlüsselwortvollständige Liste
Der Schlüsselwort 'transparent' stellt eine vollständig transparente Farbe dar.
Dieser Schlüssel kann als Kurzform für rgba(0,0,0,0) betrachtet werden und ist auch sein berechneter Wert.
h1 {
color: transparent;
}
p {
background-color: transparent;
}Testen Sie es heraus‹/›Hinweis: CSS 2.1erlauben nur zwei Eigenschaften,background-colorundborder-colorakzeptiert den Schlüssel transparent. Aber CSS3erweitert die Farbwerte, um den Schlüssel transparent zu enthalten, um ihn mit allen Eigenschaften zu verwenden, die Farbwerte akzeptieren.
Das RGB-Farbmuster (Rot, Grün, Blau) ist die häufigste Methode zur Definition von Farbwertinformationen in CSS. Man kann das RGB-Muster auf zwei Weisen zur Definition von Farben verwenden:
Die RGB-Werte im Hexadezimalformat # bestehen aus drei oder sechs Hexadezimalzeichen (0-9von den Zeichen (a-f)组成。
Bei der Verwendung von sechsstelligen Symbolen (#rrggbb) stellen das erste Paar (rr) den Rotwert dar, das zweite Paar (gg) den Grünwert und das letzte Paar (bb) den Blauwert dar.
h1 {
color: #f80;
}
p {
background-color: #ff8800;
}Testen Sie es heraus‹/›Hinweis:Drei Stellen Hexadezimaldarstellung (#rgb) kann in eine sechsstellige Form umgewandelt werden, indem die Ziffern kopiert werden, anstatt Nullen hinzuzufügen (z.B. #rrggbb). Zum Beispiel: #03f kann erweitert werden zu #0033ff sein, aber beide Werte stellen die gleiche Farbe dar.
In der Funktionsschreibweise werden RGB-Werte als: rgb(red, green, blue) spezifiziert. Jeder Parameter (red, green und blue) definiert die Intensität der Farbe, kann ein ganzzahliges Wert (von 0 bis255) oder ein Prozentsatz (von 0% bis100%)
Ganzzahlwert255entspricht100%, im Hexadezimalformat f oder ff: Zum Beispiel, rgb(0,255,255) = rgb(0%,100%,100%) = #0ff, alle Werte stellen die gleiche Farbe dar, nämlich aqua. Es sind Leerzeichen um die Werte erlaubt.
h1 {
color: rgb(0,255,255);
}
p {
background-color: rgb(0%,100%,100%);
}Testen Sie es heraus‹/›Der Wert 0 oder 0% bedeutet, dass ein spezifischer Farbwert nicht vorhanden ist, während der Wert255,100% und f oder ff bedeuten, dass der Farbwert vollständig vorhanden ist.
Hinweis:Außerhalb des gültigen Bereichs (0-255oder 0%-10Der Wert von (0%) wird automatisch abgeschnitten oder geändert, um den Bereich zu unterstützen, den das Gerät unterstützt.
SieheCSS3FarbeAnleitung, um neue Funktionszeichen (z.B. rgba()) zu verstehen, die zur Definition von Farbwertinformationen verwendet werden, wie z.B. hsl() und hsla().