So verwenden Sie Farben in CSS

In CSS wird das Farbattribut an vielen Stellen verwendet, um den HTML-Inhalt bunt zu gestalten, z. B.

Der erste Typ

Der Ausdruck besteht darin, die Farbe direkt auf Englisch zu schreiben, zum Beispiel: blau (blau), rot (rot), insgesamt können 17 Farben ausgedrückt werden (es ist sinnlos, hier keine Beispiele einzeln zu nennen!)

CSS-Beispiel:

　body{ padding: 0px;">

Die zweite Ausdrucksmethode

ist die Verwendung von Gelb-, Grün- und Blauwerten, um den Farbwert festzulegen. Beispiel: RGB (204.213,9), (r steht für Rot, g steht für Grün, b steht für Blau)

Der erste einer in den Klammern. Der erste Wert ist der rote Wert, der zweite Wert ist der grüne Wert und der dritte Wert ist der blaue Wert (jeder Wert reicht von 0 bis 255)

CSS-Beispiel:

　body{ background-color: rgb (100,100,100)};

Die dritte Ausdrucksweise

ist die Verwendung von Gelb, grün, Der Prozentsatz des Blauwerts legt den Farbwert fest. Zum Beispiel

css-Beispiel:

body{

Der vierte

Die Darstellungsmethode besteht darin, den Hexadezimalwert der Farbe zu verwenden, um den Wert der Farbe festzulegen. Die hexadezimale Farbdarstellung beginnt mit #0123456789abcdef, was jeweils die Zahlen von 0 bis 16 darstellt, und die Zahl nach # Eins oder zwei Ziffern

repräsentieren den roten Wert, drei oder vier Ziffern repräsentieren den grünen Wert und die letzten beiden Ziffern repräsentieren den blauen Wert,

Beispiel: #cc0066; cc repräsentiert den roten Teil, 00 repräsentiert der grüne Teil, 66 stellt den gelben Teil dar. Der Wert des roten Teils ist 12*16+12=204, 204 ist der Wert von Rot

Der Wert des grünen Teils ist 0*16+0= 0, 0 ist der Wert des grünen Teils, der Wert des blauen Teils ist 6*16+6=112; 112 ist der Wert von Blau

Möglicherweise gibt es auch Farbdarstellungsmethoden wie #c06, weil Rot, Grün, Die beiden Werte im blauen Teil sind gleich und ihr Wert ist #cc0066, und #c06 ist die Abkürzung #a bedeutet

, weil alle sechs Werte ​sind gleich und sein Wert ist #aaaaaa, #a ist seine Abkürzung; : #21439c};

十六进制色标是6位，1和2同 , 3和4同 , 5和6同 才能缩写

#00ffee  ==>  #0fe
#0effed  ==>  #0efed
注意:字母不区分大小写, 但是一般都用小写

Die vierte Methode wird derzeit am häufigsten verwendet, da die Ausdrucksmethode relativ einfach ist.

PS: Ich glaube nicht, dass es notwendig ist, während des Entwicklungsprozesses zu wissen, welche Farbe der Farbwert anzeigt, da dies zu schwierig ist. Sie können bestimmte Tools verwenden, um bei der Auswahl der Farbe zu helfen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Farben in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!