CSS當中color的四種表示方法


   這是我的第一篇博客,所以寫的東西會比較簡單。

  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  我覺得在開發過程中沒必要知道顏色的值顯示怎樣的顏色,因為這太難了,可以借助某些工具輔助顏色值得選擇。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM