Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die Schriftfarbe in CSS fest

So legen Sie die Schriftfarbe in CSS fest

藏色散人
藏色散人Original
2021-04-25 10:19:584181Durchsuche

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>

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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn