css中rgb()有几个值?

rgb是什么意思?

RGB:一种色彩模式 ,是工业界一种颜色标准;可以通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来获得到各式各样的颜色的。RGB 颜色标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

1.jpg-600

在css中我们可以采用RGB标准来设置颜色值,这就需要用到css rgb()函数,我们来了解一下rgb的相关知识吧。

CSS rgb() 函数

rgb() 函数使用红(R)、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色。

语法

rgb(red, green, blue)

rgb() 函数有三个值,分别为:

  • red 定义红色值,取值范围为 0 ~ 255,也可以使用百分比 0% ~ 100%。

  • green 定义绿色值,取值范围为 0 ~ 255,也可以使用百分比 0% ~ 100%。

  • blue 定义蓝色值,取值范围为 0 ~ 255,也可以使用百分比 0% ~ 100%。

示例:使用rgb() 函数设置颜色

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#p1 {background-color:rgb(255,0,0);}
#p2 {background-color:rgb(0,255,0);}
#p3 {background-color:rgb(0,0,255);}
#p4 {background-color:rgb(192,192,192);}
#p5 {background-color:rgb(255,255,0);}
#p6 {background-color:rgb(255,0,255);}
</style>
</head>

<body>
<p>RGB 颜色:</p>
<p id="p1">红色</p>
<p id="p2">绿色</p>
<p id="p3">蓝色</p>
<p id="p4">灰色</p>
<p id="p5">黄色</p>
<p id="p6">樱桃色</p>
</body>
</html>

效果图:

1.png-600

更多web前端相关知识,请查阅 HTML中文网 !!

以上就是css中rgb()有几个值?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑