ホームページ > 記事 > ウェブフロントエンド > CSSで文字のフォントの色を設定する方法
ここで紹介したいのは、Webページの色の設定に含まれるもの、Webページの色のルールと規定です。
1. 一般的に使用される色には、フォントの色、ハイパーリンクの色、Web ページの背景色、境界線の色が含まれます
2. 色の仕様と色の規制: Web ページでは RGB モードの色が使用されます
Web ページでの色の使用は、 Web ページの要素。色を使用する目的は、特徴的で動的 (特にハイパーリンクで使用される) であり、美しいことです。同時に、色はさまざまな Web ページのスタイル表現要素の 1 つでもあります。CSS フォントの色について学びます。
w3c 標準および DIV CSS アプリケーションの色の従来の HTML カラーと CSS カラーの比較
CSS カラー カラー構文:
color:#000000;
CSS スタイルの color の直後に RGB カラー値を追加します (#FFFFFF, # 000000, #F00)
RGB カラー値は実際のレイアウト中に決定され、Photoshop (略して PS) 選択ツールを使用して取得できます。
DIV タグ内でカラー カラー スタイルを使用する
CSS セレクター内でカラー カラー スタイルを使用する CSS コード:
.div{color :#00F }
/* オブジェクト div のテキストを青に設定します*/
DIV+CSS カラー スタイル 完全な例:
Css コード:
.div{color:#00F} /* オブジェクトにテキストを設定しますdiv ブルーの場合*/
上記はタグ内のカラーカラースタイルとCSSコード内のカラーカラースタイルを使用しています。
テキストのカラーコントロールは同じです
従来のHTMLとCSSのテキストの色が同じ場合は、「color:」+「RGBカラー値」を使用します。色が黒のテキストの場合は、「color:#000」を追加します。 ;" を CSS 属性セレクターに追加します。
Webページの背景色の設定の違い
従来の背景色の設定では「bgcolor=色の値」が使用されますが、CSSでは「background:」+色の値が使用されます。たとえば、背景を黒に設定します。これは、従来の Html 設定です。つまり、タグに「bgcolor="#000"」を追加すると、背景色が黒になります。W3C の場合は、常に「background:#000」になります。対応する CSS セレクターで「」を実行します。
枠線の色の違いを設定します
従来の「bordercolor=value」、「border-color:」+CSSの色の値。例: 従来の HTML では、「bordercolor="#000"」を table タグに直接追加するだけです。現在の CSS では、境界線の色を黒に設定することを忘れないでください。スタイル (破線、実装)。
16 のキーワードは Windows VGA パレットから取得されています: アクア、ブラック、ブルー、フクシア、グレー、グリーン、グレー、マルーン、ネイビー、オリーブ、パープル、レッド、シルバー、シアン、ホワイト、イエロー。
RGB カラーは 4 つのメソッドのいずれかを指定します
1. #rrggbb (例: #00cc00) (色の値を表すためにこれを使用することを強くお勧めします)
2. #RGB (例: #0c0)
3 、 RGB(十中,x,x) x は 0 から 255 までの包括的な整数 (RGB(0,204,0) など)
4, RGB(Ÿ%, Ÿ%, Ÿ%)、ここで y は包括的な量です0.0 から 100.0 の間 (RGB (0%、80%、0%) など)
CSS スタイルを使用してオブジェクト コンテンツの色を設定するには、名前付き CSS クラス オブジェクト スタイルを使用してその色を設定することも、色のスタイルを直接設定することもできますhtmlタグ内。上記では、テキストコンテンツの色を設定するこれら 2 つの方法についても詳しく紹介し、実践しました。
これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
CSS3 でのTransform gradient属性の使用方法
以上がCSSで文字のフォントの色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。