HTML5学习_day01(6)--html颜色的几种写法

颜色的几种写法

1.颜色第一种写法:用颜色名来表示,red,blue,green,pink,dark,yellow等
background-color: green;
效果：

2.颜色第二种写法:通过16进制值表示(把图片拖进PS工具，按I，按住CTRL左击你所想要的颜色就能获取颜色代码);
纯红:#FF0000=#F00;
黑色:#000000=#000;
纯白:#FFFFFF=#FFF;
background-color: #7c5c2b;
效果：

3.颜色第三种写法:通过rgb(0-255,0-255,0-255);rgb(255,255,255)代表纯红和纯绿和纯蓝混合
background-color:rgb(144,134,156);
效果：

4.颜色第四种写法:采用百分比,相对于255来取百分比.例如;
background-color:rgb(10%,40%,32%);
效果：

5.颜色第五种颜色写法:用rgba(0-255,0-255,0-255,0-1);
其中a表示颜色的透明度,取值范围为0-1(可写小数),0表示完全透明
background-color:rgba(255,0,0,0.1);
效果：