css怎么设置透明度

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

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之间

示例:设置文本透明

  
 
   
 
      Opacity属性  
       
   
   
     
 
         

透明盒子

 
         

10% 不透明度

 
         

50% 不透明度

 
         

80% 不透明度

 
         

100% 不透明度



 
             
     
 
         

rgba颜色值

 
         

10% 不透明度

 
         

50% 不透明度

 
         

80% 不透明度

 
         

100% 不透明度


     
 
   

效果图:

未经允许不得转载:紫竹林-程序员中文网 » css怎么设置透明度
关于我们 免责申明 意见反馈 隐私政策
程序员中文网:公益在线网站,帮助学习者快速成长!
关注微信 技术交流
推荐文章
每天精选资源文章推送
推荐文章
随时随地碎片化学习
推荐文章
发现有趣的