Schriftfarbe CSS festlegen

In CSS ist das Festlegen der Schriftfarbe ein grundlegendes Stilattribut. Dies wird über das Farbattribut implementiert. In diesem Artikel erfahren Sie, wie Sie die Schriftfarbe mithilfe der Color-Eigenschaft festlegen.

Farbattribut

Das Farbattribut ist eine Eigenschaft, die zum Festlegen von Farben in CSS verwendet wird. Es kann verwendet werden, um Farben für Text, Hintergrund, Rahmen und andere Elemente festzulegen.

Das Farbattribut kann vordefinierte Farbnamen wie Rot, Grün usw. verwenden, oder Sie können Hexadezimal- oder RGB-Werte verwenden, um Farben anzugeben.

Hier sind einige Beispiele für die Verwendung des Farbattributs zum Festlegen der Schriftfarbe:

h1 {
color: red;
}

#🎜 🎜#p {

Farbe: #0000ff;
}

span {

Farbe: rgb(255, 0, 0);
} #🎜 🎜#
Im obigen Code haben wir Rot, Blau und RGB-Rot verwendet, um die Farben verschiedener Elemente festzulegen.

Vordefinierte Farbnamen

In CSS gibt es einige vordefinierte Farbnamen, die direkt verwendet werden können. Hier sind einige häufig verwendete Farbnamen und ihre entsprechenden Farben:

rot: rot

• grün: grün
• blau: blaue Farbe
• Schwarz: Schwarz
• Weiß: Weiß
• Grau: Grau
• Gelb: Gelb
# 🎜 🎜#lila:lila
• orange:orange
• Natürlich ist das Obige nur ein Teil davon. Darüber hinaus gibt es noch viele andere Farben Namen, die verwendet werden können.

Hex-Farbcode

Zusätzlich zu vordefinierten Farbnamen können wir auch hexadezimale Farbcodes verwenden, um Farben anzugeben. Der hexadezimale Farbcode besteht aus 6 Zeichen, von denen die ersten beiden Zeichen Rot, die mittleren beiden Zeichen Grün und die letzten beiden Zeichen Blau darstellen. Jedes Zeichen kann eine Zahl zwischen 0 und 9 oder ein Buchstabe zwischen A und F sein. Hier einige Beispiele:

000000: Schwarz

ffffff: Weiß

ff0000: Rot

00ff00: Grün# 🎜🎜#

0000ff: Blau

RGB-Farbwert

RGB-Farbwert ist die Definition der Farbe durch Angabe der Werte der drei Farben von Rot, Grün und Blau von. Der Bereich jedes Werts liegt zwischen 0 und 255. Hier einige Beispiele:

rgb(255, 0, 0): rot

rgb(0, 255, 0): grün

rgb(0, 0, 255): Blau

rgb(128, 128, 128): Grau

Transparenz einstellen

Über das Farbattribut können wir auch die Transparenz der Schriftart festlegen. Transparenz wird mithilfe des Attributs „Opacity“ angegeben. Der Wertebereich liegt zwischen 0 und 1, wobei 0 vollständig transparent und 1 vollständig undurchsichtig ist. Hier ist ein Beispiel:

p {

color: rgba(0, 0, 255, 0.5);

}

Im obigen Code: Wir haben rgba() verwendet, um Farbe und Transparenz festzulegen. Darunter repräsentieren r, g und b die Werte der drei Farben Rot, Grün und Blau, und a repräsentiert die Transparenz. In diesem Beispiel stellen wir die Farbe auf Blau und die Transparenz auf 0,5 ein, was einer Transparenz von 50 % entspricht.

Endwörter

Anhand der obigen Erklärung können wir erkennen, dass das Festlegen der Schriftfarbe in CSS ein sehr praktisches Stilattribut ist. Wir müssen nur die erforderliche Farbe angeben, um die Schriftfarbe des Elements zu ändern. Gleichzeitig können wir auch die Transparenz der Schriftart steuern, indem wir die Transparenz festlegen, um den visuellen Effekt der Seite zu verbessern.

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