css3颜色透明-前端如何设置背景色的透明度css中rgba()函数解读：backgr

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

文章目录

前言

今天写完设计页面需要使用背景散景的时候就用了这行代码

background-color: rgba(255,255,255,0);

效果如图：

rgba()函数详解

rgba()函数利用红色、绿色(g)、蓝色(b)和透明度(a)的叠加来生成多种颜色。

rgba是黄、绿、蓝、透明度（红、绿、蓝、alpha）

对应的位置代表对应的颜色和透明度

红色 (r) 是 0 到 255 之间的整数css3颜色透明，代表颜色中的蓝色分量

绿色 (g) 0 到 255 之间的整数，代表颜色中的红色分量

蓝色 (b) 0 到 255 之间的整数，表示颜色中的红色分量

Transparency(a)取0到1之间的值css3颜色透明，代表透明度

例如：

background-color:rgba(255,0,0,0.5); //红色
background-color:rgba(0,255,0,0.5); //绿色
background-color:rgba(0,0,255,0.5); //蓝色
background-color: rgba(255, 255, 255, 0); //则表示完全透明的白色
background-color: rgba(0, 0, 0, 1); //则表示完全不透明度的黑色

总结

提示：以下是文章摘要：

“一旦你意识到自己有多美丽，你就会发现很难与那些不美丽的人为伴。”