HTMLでフォントの色を変更する方法

HTML でフォントの色を変更するには 5 つの方法があります: インライン スタイルを使用する クラスまたは ID を使用する CSS 変数を使用する 事前定義された CSS カラー値を使用する 16 進数または RGB カラー値を使用する

#HTML でフォントの色を変更する方法

HTML では、いくつかの方法でフォントの色を変更できます。

1.インライン スタイルを使用する

インライン スタイルは特定の要素に直接適用されます。構文は次のとおりです:

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

2。クラスまたは ID# を使用します。 ## 複数の要素にスタイルを適用するには、クラスまたは ID を使用します。構文は次のとおりです:

クラス:

<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. CSS 変数を使用する

CSS 変数は値を保存でき、複数のスタイルで使用できます。構文は次のとおりです:

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

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

4. 事前定義された CSS カラー値を使用する

HTML では、事前定義された CSS カラー値が提供されます (例:

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

5. 16 進数または RGB カラー値を使用します

16 進数または RGB カラー値を使用することもできます。構文は次のとおりです。

16 進数:

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

RGB：

うわー

以上がHTMLでフォントの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。