CSS當(dāng)中color的四種表示方法_html/css_WEB-ITnose

css當(dāng)中，好多地方都會(huì)用到color屬性，用來(lái)使html內(nèi)容豐富多彩，例如：background-color；border-color；

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

css例：

　　body{ background-color:red}；

第二種表示方法為用黃色，綠色，藍(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{ background-color:rgb(10%,10%,50%) };

第四種表示方法是使用顏色的十六進(jìn)制值設(shè)定color的值；十六進(jìn)制顏色表示以#開(kāi)頭 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為他的縮寫(xiě)形式；#a這種表示

方法是因?yàn)樗械牧鶄€(gè)值都相等，其值為#aaaaaa，#a是其縮寫(xiě)；

css例：

　　body{ background-color：#21439c};

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

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

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