本文主要介绍在RGBA CSS3中设置透明度的例子，就是加上对传统的RGB值调整透明度alpha值。





解释uff1a
RGBA（R，G，B，A）

价值：
R：红色值。正整数|百分比
G：绿色价值。正整数|百分比
B：蓝色值。正整数|百分比
答：阿尔法透明度。值在0到1之间。


以下是白色，透明度与RGBA（50%套）。



CSS代码将内容复制到剪贴板。


{ p
颜色：RGBA（255, 255, 255，0.5）；
}




RGBA是RGB颜色模型的一个扩展，全称为RGB三色的缩写，α值代表了颜色/透明度透明度。
的RGBA颜色表示方法的格式：



CSS代码将内容复制到剪贴板。


RGBA（红，绿，蓝，α）




前三个值（RGB）介于0到255之间或0%到100%整数之间。这些值描述了预期颜色的三基色。
如果要设置纯红色，则设置红色参数满，即，255，绿色，蓝色设置0。



CSS代码将内容复制到剪贴板。


背景颜色：RGBA（255, 0, 0，1）；




结果：

百分比也可以使用：



CSS代码将内容复制到剪贴板。


背景颜色：RGBA（100%，0%，0%，1）；




结果：

第四个值，alpha，使颜色透明度/不透明，范围从0到1。

下面的例子是设置50%透明度黄色：




CSS代码将内容复制到剪贴板。


颜色：RGBA（255, 242, 0，0.5）；




结果：