Heim > Web-Frontend > CSS-Tutorial > So ändern Sie die Textfarbe mit CSS

So ändern Sie die Textfarbe mit CSS

王林
Freigeben: 2023-01-06 11:13:18
Original
10898 Leute haben es durchsucht

Die Möglichkeit, die Textfarbe in CSS zu ändern, besteht darin, das Farbattribut festzulegen, z. B. [color:red;] oder [color:#00ff00;], was bedeutet, dass der Text auf Rot gesetzt wird.

So ändern Sie die Textfarbe mit CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Es ist eigentlich sehr einfach, die Textfarbe in CSS zu ändern. Sie müssen nur das Farbattribut hinzufügen, das die Farbe des Texts angeben kann.

Wir können die Farbe auf folgende Weise einstellen.

Farbname: Bei Farbnamen wie Rot, Blau, Braun, Hellgrün usw. wird die Groß-/Kleinschreibung nicht beachtet.

HEX: Hexadezimale Symbole #RRGGBB und #RGB (z. B. #ff0000). „#“, gefolgt von 6 oder 3 Hexadezimalzeichen (0-9, A-F).

RGB, Rot-Grün-Blau (RGB): Gibt den Farbwert als Farbe des RGB-Codes an, das Funktionsformat ist rgb(R,G,B), der Wert kann eine Ganzzahl von 0-255 oder ein Prozentsatz sein .

Zum Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
<p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
</body>
</html>
Nach dem Login kopieren

Werfen wir einen Blick auf den Laufeffekt:

So ändern Sie die Textfarbe mit CSS

Verwandte Lernvideofreigabe: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Textfarbe mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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