css使用rgb属性设置颜色

如果css中背景颜色要设置成黑色可以用四种方法

在 CSS 中表示颜色的方法其中的一种方法称作 hexadecimal code(十六进制编码),简写为 hex code。

在 CSS 中,我们可以使用 6 位十六进制数字来表示颜色,每 2 位分别表示红色 ®、绿色 (G) 和蓝色 (B) 成分。例如,#000000 是黑色,同时也是可能的数值中最小的。
在这里插入图片描述
在 #RRGGBB 中,RR 表示 红色的深浅,GG 表示绿色的深浅,BB 表示蓝色的深浅。取值都是从 00 - FF,值越大表示该颜色越深。

如果采用 rgb(RR,GG,BB) 的写法,RR 取值 0~255 或者百分比,255 相当于 100%,和十六进制符号里的 F 或 FF 。

了解了 rgb() 的含义的话,记住常用的颜色值其实是很容易的,像上面说的 RR 表示红色的深浅,那么理解记忆 #FF0000 表示为红色就 so easy 了,同理可以得到 #00FF00 表示绿色, #0000FF表示蓝色。

在这里插入图片描述

我们就可以轻松的记住, #FF00FF红蓝叠加表示紫色, #FFFF00红绿叠加表示黄色, #00FFFF蓝绿叠加表示青色。
一:

<style>
  body {
    background-color: black;
  }
</style>

二:

<style>
body {
background-color: rgb(0,0,0);
}
</style>

三:

<style>
  body {
    background-color: #000000;
  }
</style>

四:

<style>
  body {
    background-color: rgb(00,00,00);
  }
</style>

rgb颜色参考表
rgb颜色参考对照表

文章借鉴了:
https://www.cnblogs.com/coco1s/p/5622534.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值