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); }
实例:
<p style="background-color:rgb(255,255,0)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:rgba(255,255,0,0.25)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:rgba(255,255,0,0.5)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:rgba(255,255,0,0.75)"> 通过 rbg 值设置背景颜色 </p>