如何使用 CSS 设置分割元素的不透明度级别？

在本文中，我们将使用 CSS 设置元素的不透明度。不透明度是描述元素透明度的元素的属性。

opacity 属性用于描述元素的透明度。不透明度的值介于 0.0 到 1.0 之间，其中低值代表高透明度，高值代表低透明度。不透明度的百分比计算为不透明度% = 不透明度* 100。

示例 1：

HTML

  

    
    

  

    
GeeksforGeeks
  
    

        How to set the opacity level for
        
a division element using CSS?
    
  
    

        Welcome to GeeksforGeeks
    

  

输出：

示例 2：

HTML

  

    
        How to set the opacity level for
        a division element using CSS?
    
    
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
    
  
    
        function fun() {
            document.getElementById("GFG")
                .style.opacity = "0.5";
        } 
    

  

    GeeksforGeeks
  
    
        How to set the opacity level for
        a division element using CSS?
    
  
    
        Welcome to GeeksforGeeks
    
  
    
        Submit
    

  

输出：

点击按钮前：

点击按钮后：