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

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

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

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

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

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

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

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

クラス:

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

.red-text {
  color: red;
}

Id:

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

#red-text {
  color: red;
}

3. CSS 変数を使用する

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

:root {
  --text-color: red;
}

p {
  color: var(--text-color);
}

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

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

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

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

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

16 進数:

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

RGB：

うわー

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