如何在 CSS 中使用 RGBA 设置颜色不透明度？

在本文中，我们将看到如何在 CSS 中使用 RGBA 设置颜色不透明度。 RGBA 是一种颜色格式，基本上分别包含红色、绿色、蓝色的值，RGBA 中的“A”代表 Alpha。要设置颜色的不透明度，我们主要更改 alpha 的值。 alpha 的值从 0.0(完全透明)到 1.0(完全不透明)不等。

句法：

class/id { attribute: rgba(val1, val2, val3, val4) }

示例：在下面的示例中，我们使用带有 alpha 值(不透明度)的 CSS background-color 属性。

HTML

 

    

        GeeksforGeeks
    
    Setting opacity with rgba
     
    

        Red
    
 
 
    

        Red
    
 
 
    

        Green
    
 
 
    

        Green
    
 
 
    

        Blue
    
 
 
    

        Blue
    
 

 

输出：我们可以看到不同的 alpha 值代表不同的透明度。

RGBA