So ändern Sie die Schriftfarbe in HTML

Es gibt fünf Möglichkeiten, die Schriftfarbe in HTML zu ändern: Inline-Stil verwenden Klasse oder ID verwenden CSS-Variable verwenden Vordefinierten CSS-Farbwert verwenden Hexadezimal- oder RGB-Farbwert verwenden

Ändern in HTML-Methoden für die Schriftfarbe

In HTML kann die Schriftfarbe auf viele Arten geändert werden:

1. Verwendung von Inline-Stilen

Inline-Stile werden direkt auf bestimmte Elemente angewendet, die Syntax lautet wie folgt:

<code class="html"><p style="color: red;">This is red text.</p></code>

2. Verwenden Sie Klasse oder ID

Verwenden Sie Klasse oder ID, um Stile auf mehrere Elemente anzuwenden:

Klasse:

<code class="html"><p class="red-text">This is red text.</p></code>

<code class="css">.red-text {
  color: red;
}</code>

Id:

<code class="html"><p id="red-text">This is red text.</p></code>

<code class="css">#red-text {
  color: red;
}</code>

3. Verwendung von CSS-Variablen

CSS-Variablenwerte ​​kann Die Syntax lautet wie folgt:

<code class="css">:root {
  --text-color: red;
}

p {
  color: var(--text-color);
}</code>

4. Verwenden Sie vordefinierte CSS-Farbwerte, wie zum Beispiel:

<code class="html"><p style="color: red;">This is red text.</p></code>

5. Verwenden Sie Hexadezimal oder RGB Farbwerte

Sie können auch hexadezimale oder RGB-Farbwerte mit der folgenden Syntax verwenden:

Hex:

<code class="html"><p style="color: #ff0000;">This is red text.</p></code>

RGB:

<code class="html"><p style="color: rgb(255, 0, 0);">This is red text.</p></code>

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