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

HTML でフォントの色を変更するには、CSS スタイル シートを使用して、インライン スタイル、CSS クラス、または CSS を通じて 16 進コード、RGB 値、RGBA 値、または色の名前を指定して色の値を設定できます。 ID。 HTML5 では、color 属性を使用して HTML 要素のフォントの色を直接設定することもできますが、この方法は最新のブラウザでのみ機能します。

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

HTML でフォントの色を変更するには、 CSS スタイル シート、具体的な手順は次のとおりです:

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

• HTML で style 属性を使用します次のように、要素を使用して色の値を指定します。表示:

<code class="html"><p style="color: red;">这是红色的文本。</p></code>

2。CSS クラス

• を使用して CSS クラスを作成し、# を使用します。次のように ##color 属性を使用して色の値を指定します:

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

次に、次のように HTML 要素でクラス名を使用します:

<code class="html"><p class="my-red-text">这是红色的文本。</p></code>

3. CSS ID を使用する

CSS ID を作成し、次のように
• color プロパティを使用して色の値を指定します。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;css&quot;&gt;#my-unique-id { color: red; }&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>
次に、次のように HTML 要素で ID を使用します。

<code class="html"><p id="my-unique-id">这是红色的文本。</p></code>

色の値

を使用して色の値を指定できます。次の形式:

16 進コード:

たとえば、
• #FF0000 は赤を意味します。 RGB 値:
たとえば、
• rgb(255, 0, 0) も赤を表します。 RGBA 値:
たとえば、
• rgba(255, 0, 0, 0.5) は、透明度 50% の赤を表します。 色の名前:
たとえば、
• red、green、blue。
HTML5 のフォントの色

HTML5 では、color

属性を使用して、HTML 上でフォントの色を直接設定することもできます。要素、以下に示すように:

<code class="html"><p color="red">这是红色的文本。</p></code>

ただし、このメソッドは最新のブラウザでのみ機能し、すべてのブラウザでサポートされているわけではありません。

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