摘要:
下文讲述css中设置元素透明度的两种方法分享,如下所示:
在html中,有时我们需对图片,文本设置其透明度,那么到底该如何设置呢?下文讲述使用css脚本设置透明度的方法
方法1:使用opacoty属性设置其透明度
opacity属性其功能为:设置透明度
其属性值在0-1之间(0为完全透明,1为完全不透明)
方法2:使用RGBA属性设置其透明度
RGBA属性值为RGB和A的组合,A用于放入透明度值
RGBA是RGB+A组合,RGB是红黄蓝,A是透明度(值介于0-1之间,0表示完全透明,1表示不透明)
例:
css设置元素透明度的两种方法分享
猫猫教程()
----设置元素透明度的两种方式分享
.a {
width:180px;
height:80px;
line-height:80px;
background-color:blue;
opacity:0.5;
text-align:center;
}
.b {
width:180px;
height:80px;
line-height:80px;
text-align:center;
background-color:rgba(125,255,158,0.5);
}
元素设置透明度的两种方式
猫猫教程猫猫教程
css 设置元素透明度的两种方式