RGBA 的意思是(Red-Green-Blue-Alpha)它是在 RGB 上扩展包括了 “alpha” 通道,运行对颜色值设置透明度。
div {
background:rgba(255,0,0,0.5);
}
相对于使用 rgb(255,255,0),使用 rgba(255,255,0,0.5) 可以实现设置颜色透明度的功能,这里的 0.5 表示透明度,范围 0~1,0 表示全透明。
通常我们为了省略一个 0:
div {
background:rgba(255,0,0,.5);
}
实例:
<pstyle="background-color:rgb(255,255,0)">
通过 rbg 值设置背景颜色
</p>
<pstyle="background-color:rgba(255,255,0,0.25)">
通过 rbg 值设置背景颜色
</p>
<pstyle="background-color:rgba(255,255,0,0.5)">
通过 rbg 值设置背景颜色
</p>
<pstyle="background-color:rgba(255,255,0,0.75)">
通过 rbg 值设置背景颜色
</p>