本文介绍了CSS设置透明度的两种方法，包括使用rgba()函数设置颜色透明度和opacity属性设置背景透明度。通过代码实例，详细解析了两者的工作原理和区别，帮助读者理解如何在前端开发中实现透明效果。
在前端页面开发布局的时候，为了给用户呈现不同的效果，经常需要设置透明度，那么css是怎样设置透明度的？本章给大家介绍用css设置透明度的两种方法（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一、css rgba()设置颜色透明度
语法：
1rgba（R,G,B,A）;
RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
rgba（)里的值的介绍：
R：红色值。正整数 （0~255）
G：绿色值。正整数 （0~255）
B：蓝色值。正整数（0~255）
A：透明度。取值0~1之间
rgba()只是单纯的可以设置颜色透明度，这样在页面的布局中有很多应用。比如说：让背景出现透明效果，但上面的文字不透明。
代码实例：
> <!DOCTYPE html>
>
> <html>
>
> <head>
>
> <meta charset="UTF-8">
&g
最低0.47元/天 解锁文章
567
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
