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

HTML でのフォントの色の変更は、CSS (Cascading Style Sheets) を使用して実現できます。インライン スタイルを使用して色の値を指定します。内部スタイル シートを使用して、 タグ内の色のルールを定義します。外部スタイル シートを使用して、別の CSS ファイルでルールを定義し、HTML ファイルにリンクします。カラー値の形式には、16 進数、RGB、RGBA、およびカラー名が含まれます。前景色の変更に加えて、背景色を設定し、text-shadow プロパティを使用して影や光彩効果を作成することもできます。

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

HTML でフォントの色を変更するのは、次のような簡単なプロセスです。 CSS (Cascading Style Sheets) を使用して実現されます。ステップバイステップのガイドは次のとおりです:

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

HTML 要素内で style 属性を使用し、## を指定します#color 値:

<code class="html"><p style="color: red;">这是一个红色的段落。</p></code>

2。内部スタイル シート

を使用して、

<style&gt を定義します。 ; タグ ; 要素を使用し、フォント カラー ルールを設定します:

<code class="html"><style>
p {
  color: blue;
}
</style></p>
<p>3。別の CSS ファイル (たとえば、 <strong>style.css</strong>) として作成し、</p><link><p> 要素を使用して HTML ファイルにリンクします。 <code><pre class="brush:php;toolbar:false"><code class="html"><link rel="stylesheet" href="style.css"></code>

style 内でルールを定義します。 css ファイル:

<code class="css">p {
  color: green;
}</code>

カラー値

HTML と CSS は複数のカラー値形式をサポートしています:

16 進数 (#rrggbb)

RGB（rgb(255, 255, 255)）

• RGBA（rgba(255, 255, 255, 1)）
• 色の名前 (例: 赤、青、緑)
• その他のオプション

前景色の変更に加えて、背景色も変更できます:

<code class="css">p {
  color: red;
  background-color: yellow;
}</code>

text -shadow

プロパティを使用すると、シャドウまたはグロー効果を作成できます:

<code class="css">p {
  color: white;
  text-shadow: 2px 2px 5px #000;
}</code>

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