CSS中color的使用方法

css當中，好多地方都會用到color屬性，用來讓html內容豐富多彩，例如：background-color；border-color；

第一種

表示法使為直接寫顏色的英文，例如：blue（藍色），red（紅的），總共可以表示17種顏色（這裡不一一舉例，沒意義！）

css範例：

　　body{ padding: 0px;">

 

第二種

#表示方法為黃色，綠色，藍色的值設定color的值。個值是red的值，第二個值是綠色的值，第三個是藍色的值，（每個值範圍在0~255之間）。

　　body{ background-color：rgb（100,100,100）};

 

 第三種

表示方法為用黃色，綠色，藍色的值的百分比設定color的值。第四種

表示方法是使用顏色的十六進位值設定color的值；十六進位顏色表示以#開頭0123456789abcdef 分別表示0~16的數字,#後面第一、二位數

表示紅色的數值，三、四位數表示綠色的數值，最後兩位數字表示藍色的數值，

  例：#cc0066；cc表示紅色的部分，00表示綠色部分，66表示黃色部分。 green部分的值，藍色部分的值為6*16+6=112；112就是blue的值

  也許還會出現例如#c06這樣的顏色表示方法，這是因為紅色、綠色、藍色部分的兩個值相同，其值為#cc0066，#c06為他的縮寫形式；#a這種表示

#方法是因為所有的六個值都相等，其值為#aaaaaa ，#a是其縮寫；#ccc表示的也是#cccccc,

十六进制色标是6位，1和2同 , 3和4同 , 5和6同 才能缩写

#00ffee  ==>  #0fe
#0effed  ==>  #0efed
注意:字母不区分大小写, 但是一般都用小写

css例：

　　body{ background-color：#21439c};

 

#  現在最常用的是第四種方式，因為表示法比較簡單。

  ps  我覺得在開發過程中沒必要知道顏色的值顯示怎樣的顏色，因為這太難了，可以藉助某些工具輔助顏色值得選擇。

以上是CSS中color的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！