总览

一、RGB
1.CSS中能够使用颜色名来使用颜色
2.不使用颜色名,我们使用RGB值来描述颜色
3.R -red G -green B-blue
4.每一种颜色的范围在0~255(0%~100%)之间
5.因此 RGB 能够表示 255x255x255 种颜色

二、RGBA
1.添加的一个a参数,负责调节透明度
2.a的值 取值范围为 0 ~ 1
3.0表示完全透明,1表示完全不透明

一、RGB · 实操

1.HTML代码:

2.CSS代码:

3.显示效果:

4.RGB · 特殊值
1.rgb(0,0,0):黑色
2.rgb(255,255,255):白色

二、RGBA · 实操

1.HTML代码:

2.CSS代码:

3.显示效果:(颜色看起来比刚才柔和多了,透明度设置50%)

三、十六进制的 RGB

1.颜色有 0~f 十六个分档,分别代表0~255。且颜色是aabbcc形式的,可以简写
2.颜色用 # 开头

CSS第二章:2.颜色单位(RGB值、RGBA值)相关推荐

  1. 经典中的品味:第二章 C++基本的对象,类型和值(上)

    摘要: 原创出处: http://www.cnblogs.com/Alandre/ 泥沙砖瓦浆木匠 希望转载,保留摘要,谢谢! 自律,是以积极而主动的态度,去解决人生的痛苦~ 上一章,我们大谈了Hel ...

  2. 《程序员代码面试指南》第二章 链表问题 删除无序链表中值重复的链表

    样例 998 998 998 999 999 999 1000 1000 1000 删除后为998 999 1000 java代码 /*** @Description:删除无序链表中值重复的链表* @ ...

  3. 前端之css引入方式/长度及颜色单位/常用样式

    1.css三种引入方式 <!DOCTYPE html><html><head> <meta charset="UTF-8"> < ...

  4. python concat去除重复值语句_Python数据处理从零开始----第二章(pandas)④数据合并和处理重复值...

    目录 第二章(pandas) Python数据处理从零开始----第二章(pandas)④数据合并和处理重复值 ============================================ ...

  5. css 渐变色_如何设置渐变色的单元格值?

    通过 Power BI Desktop 中表格的条件格式设置,你可以根据单元格值指定自定义单元格背景色,包括使用渐变色. 还可以用数据栏.KPI 图标或 web 链接来表示单元格值. 可以将条件格式应 ...

  6. CSS学习摘要-数值和单位及颜色

    在CSS中,值的类型有很多种,一些很常见,一些你却几乎没怎么遇到过.我们不会在这篇文档中面面俱到地描述他们,而只是这些对于掌握CSS可能最有用处的这些.本文将会涉及如下CSS的值: 数值: 长度值,用 ...

  7. 选择器、像素和百分比、颜色单位、文档流-css基础

    网页分成三部分: 结构(HTML) 表现(CSS) 行为(JavaScript) CSS: css是层叠样式表 网页实际上是一个多层的结构,通过css可以分别为网页的每一层来设置样式.(是一种3D效果 ...

  8. CSS(一):CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性;CSS选择器;尺寸和颜色单位、背景和文本设置

    目录 一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...

  9. W3school:CSS基础:CSS注释、颜色(颜色、RGB、HEX、HSL)、背景(背景、背景图像、背景重复、背景附着、简写背景属性)

    W3school:CSS基础:CSS注释.颜色(颜色.RGB.HEX.HSL).背景(背景.背景图像.背景重复.背景附着.简写背景属性) 一.CSS注释 1.注释用于解释代码,以后在您编辑源代码时可能 ...

  10. CSS 的 rgb() 和 rgba() 函数(设置颜色的方式之一)

    一.CSS中设置颜色的四种方式: 值 描述 color_name 规定颜色值为颜色名称的颜色(如:yellow黄色) hex_number 规定颜色值为16进制颜色值(比如:#ff0000) rgb_ ...

最新文章

  1. 我在大厂,下班了也戴着工牌
  2. python中语法错误-Python3 错误和异常
  3. HTTP代理ip的这些误区你知道吗?
  4. 被解救的代码 - 代码即服务时代来了!
  5. MyBatisPlus条件构造器中last方法怎样使用
  6. springboot 配置双mysql数据库
  7. 【算法竞赛学习】资金流入流出预测-挑战Baseline_建模预测
  8. 从Oracle数据库故障到AIX内存管理
  9. 中小学生应不应该学英语?
  10. linux shell中实现循环日期的实例代码
  11. java 接口开发时间_Java开发中的日期和时间使用
  12. MySQL 数据库 alter 和 update 的区别
  13. 2022年第十三届蓝桥杯省赛B组python题目部分解题
  14. OMNeT 例程 Tictoc15 和 Tictoc16 矢量和标量统计详解
  15. 使用SYUGI快速创建类似于Office XP/2003 界面风格的应用程序
  16. 学习探究--实信号与复信号
  17. ftp上传工具下载,八款中文绿色版ftp上传工具下载(ftp客户端)
  18. 域内计算机本地管理员密码管理
  19. XOI2003赛后题解
  20. [javascript] 实现展开全文和收起全文效果

热门文章

  1. 【密码学基础】02 数论基础
  2. 【Jmeter测试】03—— post请求测试
  3. C语言-筛法求100以内素数
  4. 车辆模型-跟踪误差模型
  5. 2020最新微信小程序学习资源汇总,包括文档、视频、系列教程、开源项目、框架!
  6. JAVA分页查询实现
  7. html调用xfplugin,傻瓜式网页里嵌入先锋web万能播放控件
  8. Matlab曲线拟合工具箱CFTOOL实例解析
  9. 文本相似度的方法对比
  10. 安卓java模拟器4.4_android 4.4.4源码下载_编译_nexus5刷机_内核编译_驱动helloworld_framework修改...