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

效果: