HTML5学习_day01(6)--html颜色的几种写法
2016-09-20 20:11
260 查看
颜色的几种写法
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);
效果:
相关文章推荐
- h5学习之4(html中颜色的几种写法和书写规范简述)
- HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
- 史上最全html及html5的学习资料文档收集整理包括介绍和下载
- HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
- 【html5】html学习笔记1
- HTML中调用JavaScript的几种情况和规范写法
- HTML中调用JavaScript的几种情况和规范写法
- html中按钮的几种不同写法
- html5学习-css颜色的16进制表
- html 学习--day01
- HTML5 Canvas 颜色填充学习
- 史上最全html及html5的学习资料文档收集整理包括介绍和下载
- HTML中调用JavaScript的几种情况和规范写法
- HTML入门学习 -- HTML5 视频与音频
- html学习1-html5基础学习
- HTML中调用JavaScript的几种情况和规范写法
- <转>Html5 学习系列(一)认识HTML5
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第30讲_类和对象细节_创建对象的几种方式_js对象内存分析_学习笔记_源代码图解_PPT文档整理
- ObjectArx学习笔记-画线并修改颜色改进写法
- js 面向对象学习6 几种面向对象写法的对比