----颜色版----

css中，在设置颜色是有以下三种常用方式：

1. 颜色名（red）16进制（#ccc）

2.rgb(128,128,128)

3.hsl(330,50%,50%) 色度饱和度亮度

其中：

R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数

H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360
S：Saturation(饱和度)。取值为：0.0% - 100.0%
L：Lightness(亮度)。取值为：0.0% - 100.0%

eg：

html：

css：

　　body{

　　　　display: flex;
　　　　flex-wrap: wrap;

　　　　}

　　.div1{background-color: #ccc;}

　　.div2{background-color: rgb(128, 128, 128);}

　　.div3{background-color: hsl(330, 20%, 50%);}

效果如图：

转载于:https://www.cnblogs.com/player-yenney/p/9782892.html

----颜色版----相关推荐

R语言---颜色选择和设置
R语言颜色选择和设置 1.R base颜色版 1.1 R base颜色 1.2 R ggplot 默认颜色反转 2.R颜色包RColorBrewer 3.R颜色包wesanderson.viridis ...
VSCode前端必备插件2022版（持续更新）
VSCode前端必备插件2022版(持续更新) VSCode作为我们前端主流的开发工具,优势自然在于它的扩展插件,可以有效地提高开发效率和团队协作,本文提高的都是UP主亲测,最底下贴入我的vscode ...
【C语言】用C语言输出“心形”图案
在你们的世界里,是不是觉得程序猿一点浪漫都不懂?其实不是的,程序猿的世界也是很浪漫滴! 傻瓜版 int main() {printf("❤");return 0; } 高级版 // ...
html5新增表单控件和表单属性
新的输入性表单控件: email:电子邮箱文本框,跟普通的没什么区别 - 当输入不是邮箱的时候,验证不通过 - 移动端的键盘会发生变化 tel:电话号码 url:网页的URL search:搜索引擎 ...
＜C语言＞如何使用C语言代码打印“心形”图案？
作者:wsg 时间;2017年8月14日 //版本一:单个字符的心形图案 #include <stdio.h>int main(void) {float a,x,y;for(y=1.5f; ...
Final Cut Pro 一篇入门（没废话、干货）
目录 1.截取素材片段(避免将整个素材都添加到时间线中) 2.四种添加到故事情节的方式 3.切割工具 4.选择工具 5.复制.粘贴.删除 6.收缩片段(鼠标操作) 7.磁性时间线(特性) 8.复合片段 ...
30天自制操作系统——Day11实验报告
文章目录一.实验主要内容 1. 内容1:鼠标显示问题 2. 内容2: 实现画面外的支持 3.内容3: shtctl指定省略 4. 内容4: 显示窗口 5. 内容5:小实验 6. 内容6:高速计数器 ...
2020-09-30WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键
Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...
Seaborn绘制箱型图
公众号:尤而小屋作者:Peter 编辑:Peter 大家好,我是Peter~ 本文介绍的是如何使用 seaborn 的 boxplot 方法来绘制箱型图,先看看部分图形的绘制效果: 参数绘制图形中 ...

----颜色版----

css中，在设置颜色是有以下三种常用方式：

1. 颜色名（red）16进制（#ccc）

2.rgb(128,128,128)

3.hsl(330,50%,50%) 色度饱和度亮度

----颜色版----相关推荐

最新文章

热门文章

----颜色版----

css中，在设置颜色是有以下三种常用方式：

1. 颜色名（red）16进制（#ccc）

2.rgb(128,128,128)

3.hsl(330,50%,50%) 色度 饱和度 亮度

----颜色版----相关推荐

最新文章

热门文章

3.hsl(330,50%,50%) 色度饱和度亮度