CSS当中color的五种表示方法

2019独角兽企业重金招聘Python工程师标准>>>

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};

    ⑤RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
    基本语法:
　　R：红色值。正整数 （0~255）
　　G：绿色值。正整数 （0~255）
　　B：蓝色值。正整数（0~255）
　　A：透明度。取值0~1之间

转载于:https://my.oschina.net/u/3887849/blog/1841507