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

下次还敢
リリース: 2024-04-11 07:44:14
オリジナル
647 人が閲覧しました

HTML でフォントの色を変更する主な方法は次の 2 つです。 1. インライン スタイルを使用して、HTML 要素内でテキストの色を直接指定します。例:

これは赤いテキストです

2. 外部スタイル シートを使用し、CSS クラスを複数の要素に適用してテキストの色を定義します。例: .text-red { color: red; }

これは赤色のテキストです

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

#HTML のフォントの色を変更するにはどうすればよいですか?

HTML では、テキストのフォントの色を変更する主な方法が 2 つあります:

1. インライン スタイルの使用

インラインの使用スタイルを使用すると、HTML 要素でテキストの色を直接指定できます。構文は次のとおりです。

<code class="html"><p style="color: red;">这是红色文本</p></code>
ログイン後にコピー

「color」属性はテキストの色を指定し、「red」は変更するテキストの色です。

2. 外部スタイル シートの使用

外部スタイル シートを使用すると、Web サイト全体またはページ上の複数の要素にスタイルを適用できます。構文は次のとおりです。

<code class="css">.text-red {
  color: red;
}</code>
ログイン後にコピー
<code class="html"><p class="text-red">这是红色文本</p></code>
ログイン後にコピー

この場合、すべての要素のテキストの色を赤に設定する CSS クラス「text-red」を作成しました。次に、「class」属性を使用してクラスを段落要素に適用します。

色の名前 (「赤」など) を使用することに加えて、16 進コードまたは RGB 値を使用して色を指定することもできます。

  • 16 進コード: #ff0000 (赤)
  • RGB 値: rgb(255, 0, 0) (赤)

例:

<code class="html"><p style="color: #ff0000;">这是红色文本</p>

<p class="text-red">这是红色文本</p></code>
ログイン後にコピー

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート