css當中,好多地方都會用到color屬性,用來使html內容豐富多彩,例如:background-color;border-colorcss
①顏色的英文,例如:blue(藍色),red(紅的),總共能夠表示17種顏色(這裏不一一舉例,沒意義!)
css例:
body{ background-color:red};html
②用黃色,綠色,藍色的值設定color的值。例如:rgb(204,213,9),(r表明red紅色,g表明green綠色,b表明blue藍色)
括號中的第一個值是red的值,第二個值是綠色的值,第三個是藍色的值,(每一個值範圍在0~255之間)。
css例:
body{ background-color:rgb(100,100,100)};htm
③用黃色,綠色,藍色的值的百分比設定color的值。例如rgb(20%,20%,0)。
css例:
body{ background-color:rgb(10%,10%,50%) };對象
④使用顏色的十六進制值設定color的值;十六進制顏色表示以#開頭 0123456789abcdef 分別表示0~16的數字,#後面第一二位數字
表示紅色的值,三四位數字表示綠色的值,最後兩位數字表示藍色的值,
例 :#cc0066;cc表示紅色的部分,00表示綠色部分,66表示黃色部分。其中紅的部分的值爲12*16+12=204,204就是red的值
綠色部分的值爲0*16+0=0,0就是green部分的值,藍色部分的值爲6*16+6=112;112就是blue的值
也許還會出現例如#c06這樣的顏色表示方法,這是由於紅色、綠色、藍色部分的倆個值相同,其值爲#cc0066,#c06爲他的縮寫形式;#a這種表示
方法是由於全部的六個值都相等,其值爲#aaaaaa,#a是其縮寫;
css例:
body{ background-color:#21439c};擴展
⑤RGBA 是表明Red(紅色) Green(綠色) Blue(藍色)和 Alpha(不透明度)三個單詞的縮寫。RGBA 顏色值是 RGB 顏色值的擴展,帶有一個 alpha 通道 - 它規定了對象的不透明度。
基本語法:
R:紅色值。正整數 (0~255)
G:綠色值。正整數 (0~255)
B:藍色值。正整數(0~255)
A:透明度。取值0~1之間語法