Heim > Web-Frontend > Front-End-Fragen und Antworten > So legen Sie die CSS-Schriftfarbe fest

So legen Sie die CSS-Schriftfarbe fest

藏色散人
Freigeben: 2023-01-03 09:27:59
Original
8318 Leute haben es durchsucht

So legen Sie die CSS-Schriftfarbe fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Definieren Sie dann einige p-Tags im Textkörper und geben Sie schließlich den CSS-Stil als „p{color: blue“ in die p-Tags ein }" Schriftfarbe ändern.

So legen Sie die CSS-Schriftfarbe fest

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

1. Lassen Sie uns Ihnen zunächst den grundlegenden Code der HTML-Schriftart zeigen:

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

So legen Sie die CSS-Schriftfarbe fest

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

2. Als nächstes müssen wir die HTML-Schriftfarbe festlegen:

<style type="text/css">
p{color: blue}
</style>
Nach dem Login kopieren

Der Effekt ist wie folgt:

So legen Sie die CSS-Schriftfarbe 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 CSS-Schriftfarbe fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage