css如何设置透明

css设置透明的方法：1、使用opacity属性，语法为【opacity: value|inherit】；2、运行对颜色值设置透明度，语法为【rgba（R,G,B,A）】。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css设置透明的方法：

1、opacity属性

opacity属性用于设置元素的不透明级别；不透明度的值介于0.0到1.0之间，其中低值表示高透明度，高值表示低透明度。不透明度百分比计算为Opacity％=Opacity* 100。

语法：

opacity: value|inherit;

属性值：

• value：指定不透明度。从0.0（完全透明）到1.0（完全不透明）

• inherit：Opacity属性的值应该从父元素继承

2、rgba()

RGBA 的意思是（Red-Green-Blue-Alpha）它是在 RGB 上扩展包括了 “alpha” 通道，运行对颜色值设置透明度。

语法：

rgba（R,G,B,A）;

rgba() 里的值的介绍：

• R：红色值。正整数 （0~255）

• G：绿色值。正整数 （0~255）

• B：蓝色值。正整数（0~255）

• A：透明度。取值0~1之间

示例：设置文本透明

  
  
      
    
          
          
      
      
        
  
            
透明盒子
  
            
10% 不透明度
  
            
50% 不透明度
  
            
80% 不透明度
  
            
100% 不透明度


  
              
        
  
            
rgba颜色值
  
            
10% 不透明度
  
            
50% 不透明度
  
            
80% 不透明度
  
            
100% 不透明度
 
        
  
      

效果图：

相关教程推荐：CSS视频教程

以上就是css如何设置透明的详细内容，更多请关注其它相关文章！