So legen Sie die Schriftfarbe in CSS fest-Front-End-Fragen und Antworten-php.cn

So legen Sie die Schriftfarbe in CSS fest

藏色散人

Freigeben： 2023-01-05 16:11:07

Original

4356 Leute haben es durchsucht

So legen Sie die Schriftfarbe in CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann den Textinhalt im Textkörper. Legen Sie schließlich die Schriftfarbe über das Attribut „p{color:blue}“ fest.

So legen Sie die Schriftfarbe in CSS fest

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Wie stelle ich die Schriftfarbe in CSS ein?

In HTML verwenden wir häufig CSS-Stile, um einige Mängel von HTML-Tags zu verschönern. Heute werden wir darüber sprechen, wie man grundlegende CSS-Stile verwendet, um die Farbe von Text zu ändern. Kann üben, um den Eindruck zu vertiefen.

Zunächst zeigen wir Ihnen den Grundcode der HTML-Schriftart:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网</title>
</head>
<body>
<p>字体颜色设置</p>
<p>字体颜色设置</p>
<p>字体颜色设置</p>
<p>字体颜色设置</p>
</body>
</html>

Nach dem Login kopieren

So legen Sie die Schriftfarbe in CSS fest

Hier sind die vier Absätze des p-Tags. Dies ist der einfachste Codestil.

Als nächstes müssen wir die HTML-Schriftfarbe festlegen. Schauen wir uns den CSS-Stilcode an:

<style type="text/css">
p{color: blue}
</style>

Nach dem Login kopieren

Der Effekt ist wie folgt:

So legen Sie die Schriftfarbe in CSS fest

Das Farbattribut gibt die Farbe des Textes 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.

【Empfohlenes Lernen: CSS-Video-Tutorial】

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