Farbe ist kein neues Attribut in CSS3. Das Farbattribut wird verwendet, um die Farbe von Text anzugeben. Sie können Farbnamen, hexadezimale Zeichen, RGB (Rot, Grün und Blau) verwenden. RGBA-, HSL- (Farbton, Sättigung, Helligkeit) und HSLA-Methoden zum Festlegen von Farben.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Farbe ist kein neues Attribut von CSS3
Farbversion: CSS1
Farbattribut gibt die Farbe von Text an.
Dieses Attribut legt die Vordergrundfarbe eines Elements fest (in der HTML-Darstellung wird die Farbe des Texts des Elements nicht durch die Farbe beeinflusst). Diese Farbe gilt auch für alle Ränder des Elements, sofern sie nicht durch border-color oder eine andere border-color-Eigenschaft überschrieben wird.
Um die Vordergrundfarbe eines Elements festzulegen, ist es am einfachsten, das Farbattribut zu verwenden.
Farbwerte können auf folgende Weise festgelegt werden:
Farbname Bei Farbnamen wie Rot, Blau, Braun, Hellseegrün usw. wird die Groß-/Kleinschreibung nicht beachtet.
Hex Hex-Symbole #RRGGBB und #RGB (z. B. #ff0000). „#“, gefolgt von 6 oder 3 Hexadezimalzeichen (0-9, A-F).
RGB, Rot-Grün-Blau (RGB) gibt an, dass der Farbwert die Farbe des RGB-Codes ist, das Funktionsformat RGB(R,G,B) ist und der Wert 0-255 sein kann Ganzzahl oder Prozentsatz.
RGBA, Rot-Grün-Blau-Alpha (RGBa) RGBa erweitert den RGB-Farbmodus um einen Alphakanal, mit dem Sie die Transparenz einer Farbe festlegen können. a steht für Transparenz: 0=transparent; 1=undurchsichtig.
HSL, Farbton-Sättigung-Helligkeit (Hue-Saturation-Lightness) Der Farbton (Hue) stellt einen Winkel des Farbkreises dar (d. h. einen Ring, der einen Regenbogen darstellt).
Sättigung und Helligkeit werden in Prozent ausgedrückt.
100 % ist volle Sättigung, während 0 % eine Graustufe ist.
100 % Helligkeit ist weiß, 0 % Helligkeit ist schwarz und 50 % Helligkeit ist „normal“.
HSLA, Hue-Saturation-Lightness-Alpha (HSLa) HSLa geht vom HSL-Farbmodus aus und beinhaltet einen Alpha-Kanal, der die Transparenz einer Farbe festlegen kann. a steht für Transparenz: 0=transparent; 1=undurchsichtig. Das Beispiel lautet wie folgt:
body {color: #92a8d1;}
body {color: rgb(255,0,51);}
body {color: rgba(255,0,0,0.7);}
body {color: hsl(120,100%,25%) ;}
body {color: hsla(240,100%,50%, 0.7);}Das obige ist der detaillierte Inhalt vonIst Farbe ein neues Attribut in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
