CSSで色を使う方法

零下一度
リリース: 2017-06-23 09:17:15
オリジナル
1899 人が閲覧しました

CSS では、color 属性は、次のように HTML コンテンツをカラフルにするためにさまざまな場所で使用されます。

最初の

表現は、次のように、英語で直接色を記述することです。 :青(青)、赤(赤)、合計17色を表現できます(ここで一つ一つ例を挙げないと意味がありません!)

css例:

body{padding:0px;">

を表現する 2 番目の方法は、色の値を黄色、緑、青の値で設定することです。たとえば、rgb (204,213,9)、(r は赤を表し、g は緑を表し、b は緑を表します。青。)

括弧内の最初の値は赤の値、2番目の値は緑の値、3番目は青の値です(それぞれの値の範囲は0から255です)

cssの例。

body{background-color: rgb (100,100,100)};

3 番目の

の表現方法は、色の値を黄色、緑、青の値の割合で設定することです。たとえば、rgb (20) ). %, 20%, 0).

の例:

body{

4番目の

の表現方法は、色の16進数の値を設定することです。 #0123456789abcdef で始まる数字はそれぞれ 0 から 16 までの数字を表します。 # の後の最初の 2 桁は赤色の値を表し、3 桁目と 4 桁目は緑色の値を表し、最後の 2 桁は青色の値を表します。 例: # cc0066 ;ccは赤い部分、00は緑の部分、66は黄色の部分を表します。赤い部分の値は12*16+12=204、204は赤の値です

緑の部分の値は0*16+0=0、0は緑の部分の値、青の部分の値は6*16+6=112; 112は青の値です

# などの色の表現方法もあるかもしれません。 c06、赤、緑、青の部分の 2 つの値が同じであるため、その値は #cc0066、#c06 はその省略形です。6 つの値がすべて同じであるため、#a はこのように表現されます。等しい、その値は #aaaaaa で、#a はその省略形です。#ccc は #cccccc も意味します,

十六进制色标是6位,1和2同 , 3和4同 , 5和6同 才能缩写
ログイン後にコピー
#00ffee  ==>  #0fe
#0effed  ==>  #0efed
注意:字母不区分大小写, 但是一般都用小写
ログイン後にコピー

css 例:

body{background-color: #21439c};

4 番目の方法が最も一般的に使用されます表現方法が比較的簡単なので、今は

。 ps 開発プロセス中にカラー値がどのような色を表示するかを知る必要はないと思います。色

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

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