程序员经验分享-hwhale

CSS第二章：2.颜色单位（RGB值、RGBA值）

2023-05-16

总览

一、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.颜色用 # 开头
在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

CSS第二章：2.颜色单位（RGB值、RGBA值） 的相关文章

  • navicat连接mysql报错1251的解决方法

    在环境变量中添加mysql路径 xff1a 找到下载mysql的文件目录 xff0c 复制并添加至环境变量Path eg C Program Files MySQL MySQL Server 8 0 bin 或者 win 43 r gt s

  • mkdir命令、chmod修改权限、利用scp 远程上传下载文件/文件夹

    一 mkdir命令 在工作目录下 xff0c 建立一个名为 AAA 的子目录 mkdir AAA 在工作目录下的 BBB 目录中 xff0c 建立一个名为 Test 的子目录 若 BBB 目录原本不存在 xff0c 则建立一个 xff08

  • 树莓派 vnc Cannot currently show the desktop

    情况一 xff1a 分辨率没有设置好 解决方案 xff1a 设置分辨率 sudo raspi config 情况二 xff1a 树莓派内存空间不够用 解决方案 xff1a 参考链接二 三 sudo apt get clean sudo ap

  • 基于51单片机的红外避障小车

    提示 xff1a 记录2022年4月做的毕设 文章目录 前言一 任务书1 1设计 研究 目标 1 2设计 研究 内容 二 代码思路三 硬件四 部分代码五 联系我们喜欢请点赞哦 xff01 企鹅号 前言 基于51单片机的红外避障小车 xff0

  • Snipaste的安装及快捷键的设置

    Snipaste的安装及快捷键的设置 关于Snipaste xff1a Snipaste 是一个简单但强大的截图工具 xff0c 也可以让你将截图贴回到屏幕上 xff01 可以将剪贴板里的文字或者颜色信息转化为图片窗口 xff0c 并且将它

  • 并发编程之深入了解CAS

    文章目录 一 什么是 CAS 二 CAS应用三 CAS源码分析三 CAS缺陷四 ABA问题及其解决方案4 1 什么是ABA问题4 2 ABA问题的解决方案 一 什么是 CAS CAS xff08 Compare And Swap xff0c

  • HDU1085 —— 生成函数入门题

    1 43 X i 最经典的生成函数 include lt iostream gt include lt cstring gt include lt algorithm gt include lt vector gt using namesp

  • HDFS每日一练1 API读取文件

    HDFS每日一练1 API读取文件 更多整理都在我的github上 xff1a Auraros欢迎大家 题目 在右侧代码编辑区中编写代码实现如下功能 xff1a 使用FSDataInputStream获取HDFS的 user hadoop

  • 谈谈Java爬虫

    说起网络爬虫 xff0c 大家想起的估计都是 Python xff0c 我在没有接触Java爬虫之前也是只听过python是为爬虫而生 不过俗话说的好 xff1a Java是世界最好的语言 于是我就在网上查询有关于Java爬虫的资料 xff

  • 桌面虚拟化（VDI）的概述

    概述 到目前为止 xff0c 每个人都听说过桌面虚拟化和 VDI 这两个术语 自 2006 年以来 xff0c 我们似乎一直受到来自 VMware Citrix 和 Microsoft 等公司关于这些技术的营销宣传的冲击 但如果桌面虚拟化这

  • 虚拟桌面基础架构 (VDI)及其工作原理

    什么是虚拟桌面基础架构 VDI xff1f 虚拟桌面基础架构 VDI 是一种虚拟化解决方案 xff0c 其使用虚拟机提供和管理虚拟桌面 VDI 将桌面环境托管在一个集中式服务器上 xff0c 并根据请求将其部署到最终用户 可以使用端点设备

  • 数据库修改和忘记密码的解决方法（附详细步骤和操作图）

    数据库修改和忘记密码的解决方法 xff08 附详细步骤和操作图 xff09 修改密码 如果能登录的话就直接修改密码 登录方式 xff1a win 43 R输入cmd 接着输入mysql uroot p xff0c 会提示输入密码 xff0c

  • 初学者如何运用VS打代码？

    1 首先进入VS xff08 我这里以VS2017为例 xff09 如图 xff1a 2 然后选择文件 gt 新建 gt 项目 3 选择Visual C 43 gt 空项目 xff0c 为自己的项目命名 xff0c 例如 xff1a 我的第

  • 2019年中南大学研究生招生夏令营机试题

    2019年中南大学研究生招生夏令营机试题 最小花费 最小花费 题目描述 在n个人中 xff0c 某些人的银行账号之间可以互相转账 这些人之间转账的手续费各不相同 给定这些人之间转账时需要从转账金额里扣除百分之几的手续费 xff0c 请问A最

  • DEBUG模式和配置文件

  • ubuntu vscode 安装插件失败问题

    出现error while fetching extensions xhr failed错误 1 改手机热点 xff0c 2 挂vpn 3 修改网络代理 4 重启vs code 完美解决

  • NVM-Nodejs多版本管理工具

    推荐 当然是我们的大名鼎鼎的 NVM x1f50e 下载点我 下载简单安装版 xff08 推荐 xff09 下载含有 setup的 除了修改位置其他都是下一步安装完成还是不能用我们先下载一个 node 版本 xff0c 使用nvm inst

  • BI数据可视化|可自动刷新的可视化大屏报表

    BI数据可视化大屏和其他的BI报表一样 xff0c 都是可用于日常的决策中 xff0c 因此除了要求数据可视化外 xff0c 也会有自动刷新报表的要求 那么 xff0c 我们该怎么做 xff0c 才能获得一份会自动刷新的BI数据可视化大屏报

  • STM32Min开发板四路可调PWM互补输出

    STM32Min开发板四路触屏可调PWM互补输出 在正点原子的开发例程上 xff0c 结合PWM输出实验和触摸屏实验代码进行修改 定义了几个全局变量存储定时器ARR值和占空比 xff1a u32 F1 span class token op

  • 单点登录CAS(5.2)学习笔记（二）基础配置（HTTP协议，数据库连接，启用登出service参数，密码加密）

    一 打开application properties apache tomcat cas webapps cas WEB INF classes application properties 二 进行配置 默认用户名密码配置 cas aut

随机推荐

热门标签