CSS當中color的四種表示方法_html/css_WEB-ITnose

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

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

css例：

　　body{ background-color:red}；

第二種表示方法為用黃色，綠色，藍色的值設定color的值。例如：rgb（204,213,9），（r代表red紅色，g代表green綠色，b代表blue藍色）

括號中的第一個值是red的值，第二個值是綠色的值，第三個是藍色的值，（每個值范圍在0~255之間）。

css例：

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

第三種表示方法為用黃色，綠色，藍色的值的百分比設定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};

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

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

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