CSS當中color的五種表示方法

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之間語法

相關文章
相關標籤/搜索