一、rgba()函数简介

rgba()函数是CSS3中的一种颜色函数，用于设置颜色的RGBA值（红、绿、蓝、透明度）。它允许我们通过指定不透明度来控制元素的透明度。该函数的语法为：
rgba(red, green, blue, alpha);
其中，red、green、blue表示红、绿、蓝通道的颜色值，取值范围为0~255；alpha表示透明度，取值范围为0.0（完全透明）到1.0（完全不透明）。 
二、使用变量设置透明度
 
在实际应用中，我们可能需要根据某些条件或动态需求来改变元素的透明度。在CSS中，我们可以使用CSS变量（也称为自定义属性）来实现这一目标。 
示例代码： 
<!DOCTYPE html>
    <style>
        :root {
            --opacity: 0.5; /* 定义一个名为 --opacity 的 CSS 变量，并设置初始值为 0.5 */
                    CSS的rgba()函数用于设置颜色值的透明度。在实际开发中，我们可能希望通过变量来动态设置颜色透明度，以实现更灵活的样式效果。本文将详细介绍如何在rgba()函数中使用变量作为参数，并提供丰富的示例代码，助你灵活控制元素的透明度。rgba()函数是CSS3中的一种颜色函数，用于设置颜色的RGBA值（红、绿、蓝、透明度）。它允许我们通过指定不透明度来控制元素的透明度。其中，red、green、blue表示红、绿、蓝通道的颜色值，取值范围为0~255；
2、实现过程
1、观察及思考
开始编码前我们首先观察展开后的结构：两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形，如上图所示没有任何Javascript辅助却实现收缩展开的效果，如何实现的呢？
2、巧用标签
图文内容很简单，两个四分之一圆我们可以用...
				实现元素水平垂直居中有以下七种方法：
利用定位+margin:auto——子绝父相，设置top、left、right、bottom为0,在设置margin:auto
利用定位+margin:负值——子绝父相，设置left和top为50%，此时位置会偏右自身元素的宽高，再设margin-left和margin-top为自身元素宽高的负一半，实现水平垂直居中。
利用定位+transform——子绝父相，设置left和top为50%，此时位置会偏右自身元素的宽高，再设transform: translateX(
				QColor 类可以通过字符串作为参数来创建表示 RGBA 值的颜色对象。字符串必须满足以下格式：
- RGB (红、 绿、蓝)：#RRGGBB 或者 #RGB，其中 RR、GG、BB 表示 16 进制的红、绿、蓝分量的值。
- RGBA (红、绿、蓝、透明度)：#RRGGBBAA 或者 #RGBA，其中 RR、GG、BB 表示 16 进制的红、绿、蓝分量的值，AA 表示 透明度。
示例代码:
```python
from PyQt5.QtGui import QColor
color1 = QColor('#FFA500')  # 创建不透明的颜色对象
color2 = QColor('#FFA50080')  # 创建带有透明度的颜色对象
print(color1.red(), color1.green(), color1.blue())  # 输出红、绿、蓝分量的值
print(color2.red(), color2.green(), color2.blue(), color2.alpha())  # 输出 RGBA 值
执行以上代码，可以得输出结果：
255 165 0
255 165 0 128
其中，color1 表示颜色橙色（未设置透明度），color2 表示橙色和透明度为一定值（这里是内部时2位），输出结果中也可以看出 RGBA 值。