CSS中color的使用方法

第一種

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

css例：

　　body{ padding: 0px;">

第二種

表示方法為用黃色，綠色，藍(lán)色的值設(shè)定color的值。例如：rgb（204,213,9），（r代表red紅色，g代表green綠色，b代表blue藍(lán)色）

括號(hào)中的第一個(gè)值是red的值，第二個(gè)值是綠色的值，第三個(gè)是藍(lán)色的值，（每個(gè)值范圍在0~255之間）。

css例：

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

第三種

表示方法為用黃色，綠色，藍(lán)色的值的百分比設(shè)定color的值。例如rgb（20%，20%，0）。

css例：

　　body{

第四種

表示方法是使用顏色的十六進(jìn)制值設(shè)定color的值；十六進(jìn)制顏色表示以#開頭 0123456789abcdef 分別表示0~16的數(shù)字,#后面第一二位數(shù)字

表示紅色的值，三四位數(shù)字表示綠色的值，最后兩位數(shù)字表示藍(lán)色的值，

例 ：#cc0066；cc表示紅色的部分，00表示綠色部分，66表示黃色部分。其中紅的部分的值為12*16+12=204,204就是red的值

綠色部分的值為0*16+0=0，0就是green部分的值，藍(lán)色部分的值為6*16+6=112；112就是blue的值

也許還會(huì)出現(xiàn)例如#c06這樣的顏色表示方法，這是因?yàn)榧t色、綠色、藍(lán)色部分的倆個(gè)值相同，其值為#cc0066，#c06為他的縮寫形式；#a這種表示

方法是因?yàn)樗械牧鶄€(gè)值都相等，其值為#aaaaaa，#a是其縮寫；#ccc表示的也是#cccccc,

十六進(jìn)制色標(biāo)是6位，1和2同 , 3和4同 , 5和6同 才能縮寫

#00ffee ==> #0fe
#0effed ==> #0efed
注意:字母不區(qū)分大小寫, 但是一般都用小寫

css例：

　　body{ background-color：#21439c};

現(xiàn)在最常使用的是第四種方式，因?yàn)楸硎痉椒ū容^簡單。

ps 我覺得在開發(fā)過程中沒必要知道顏色的值顯示怎樣的顏色，因?yàn)檫@太難了，可以借助某些工具輔助顏色值得選擇。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com