颜色的几种写法

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

效果：

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

CSS颜色的6种写法
可以用以下方法来规定 CSS 中的颜色: 十六进制色.RGB 颜色.RGBA 颜色.英文名颜色.HSL 颜色.HSLA 颜色.预定义/跨浏览器颜色名 hex_number使用十六进制颜色: 最常用,所 ...
CSS颜色的四种写法
文章目录 1. 关键字 2. 十六进制 3. RGB 4. rgba 1. 关键字可直接输入颜色的英文拼写单词 border-color: red; 2. 十六进制所有浏览器都支持十六进制颜色值 ...
C++学习笔记-----输出数据的另一种写法(std::copy)
输出的数据的另一种写法 #include <iterator>vector<int> v{1, 2, 3, ...}; copy(v.begin(), v.end(), ost ...
Html5学习笔记1 元素标签属性
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
【HTML5学习小结(1)】
HTML5学习小结了解Web 一.web网页 1.网页究竟是什么? 2.认识网页 3.构成网页的要素有哪些? 4.web页面的组成. 二.web标准 1.结构标准 2.样式标准 3.行为标准二.H ...
html5学习笔记--leon
html5学习笔记–leon ####什么是html5 1.H5并不是新的语言,而是html语言的第五次重大修改–版本 2.支持:所有的主流浏览器都支持h5.(chrome,firefox,safar ...
前端html5学习小总结
目录前言一.HTML5简介二.HTML5网页基本骨架 1.框架代码 2.框架解析三.HTML5基本标签介绍一.标题标签二.标签之段落.换行.水平线三.图片标签四.超链接五.文本标签 ...
html如何使图片不自动填充颜色,使用HTML5 Canvas为图片填充颜色和纹理的教程
填充颜色艺术离不开色彩,今天咱们来介绍一下填充颜色,体会一下色彩的魅力. 填充颜色主要分为两种: 1.基本颜色 2.渐变颜色(又分为线性渐变与径向渐变) 我们一个个来看. 填充基本颜色Canvas ...
html5表格所有属性,HTML5学习笔记之表格标签
HTML5学习笔记之表格标签其他HTML5相关文章一.表格标签 image 1.作用: 以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 2.格式 ...

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

颜色的几种写法

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

最新文章

热门文章