ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLのフォントの色を変更する方法

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

下次还敢
リリース: 2024-04-05 09:18:22
オリジナル
641 人が閲覧しました

CSS スタイル シートの color 属性を使用して、HTML フォントの色を変更します。具体的な手順は、 1. CSS クラスを追加し、色を変更したいテキスト要素を指定する; 2. スタイルシートに CSS クラスを作成し、 color 属性の値を設定する; 3. またはテキストの色を直接設定するstyle属性で。 color 属性は、HTML カラー名、16 進カラー コード、RGB カラー値、透明度値、現在の色、継承された親要素の色など​​の値をサポートします。

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

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

HTML フォントの色を変更したい場合は、次を使用できます。 CSS スタイル シート

color プロパティ。このプロパティは、テキストの表示色を指定するために使用されます。 color 属性を使用して HTML フォントの色を変更する方法は次のとおりです:

1. CSS クラス

<code class="html"><p class="red-text">这是红色文本</p></code>
ログイン後にコピー
## をテキスト要素に追加します。 #2. スタイル シート

<code class="css">.red-text {
  color: red;
}</code>
ログイン後にコピー
3 に color

属性を使用して CSS クラスを作成します。または、# を直接使用します。インラインで設定する ##style

属性 テキストの色 #<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;p style=&quot;color: red&quot;&gt;这是红色文本&lt;/p&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>color

属性を使用する場合、次の色の値を指定できます:

HTML カラー名 (例:

red
  • greenblue 16 進カラー コード (例: #ff0000##) #、
  • #00ff00
  • #0000ffRGB カラー値 (rgb(255, 0, 0)
  • rgb など) (0, 255, 0)
  • , rgb(0, 0, 255)基本的な色の値に加えて、color
  • 属性は次の値もサポートしています:

透明な値: transparent

  • 現在の色: currentcolor
  • 継承親要素の色: inherit

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

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