在css中，rgba有四个值，分别是红(R)、绿(G)、蓝(B)、透明度(A)四个颜色。可以通过通道的变化以及它们相互之间的叠加来获得到各式各样的颜色。RGBA颜色标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
rgba是什么意思？
RGBA：一种色彩模式 ，是工业界一种颜色标准；可以通过对红(R)、绿(G)、蓝(B)、透明度(A)四个颜色通道的变化以及它们相互之间的叠加来获得到各式各样的颜色的。RGBA颜色标准几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。
立即学习“前端免费学习笔记（深入）”；
在css中我们可以采用RGBA标准来设置颜色值，这就需要用到css rgba()函数，我们来了解一下rgba的相关知识吧。
CSS rgba() 函数
rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)四个颜色的叠加来生成各式各样的颜色。
语法
rgba(red, green, blue, alpha)
登录后复制
rgba() 函数有四个值，分别为：
red 定义红色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%。
green 定义绿色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%。
blue 定义蓝色值，取值范围为 0 ~ 255，也可以使用百分比 0% ~ 100%。
透明度（A）取值 0~1 之间， 代表透明度。
示例：使用rgba() 函数设置颜色
nbsp;html> body { background: rgba(192, 192, 192); } #p1 { background-color: rgba(255, 255, 255); } #p2 { background-color: rgba(0, 255, 0); } #p3 { background-color: rgba(0, 0, 255); } #p4 { background-color: rgba(0, 0, 0,0.5); } #p5 { background-color: rgba(255, 255, 0); } RGBA 颜色:
白色
绿色
蓝色
黑色
黄色
登录后复制
效果：
推荐学习：css视频教程
以上就是css里面的rgba有几个值的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2950148.html
