1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html如何调节透明度 CSS 如何设置一个元素的透明度呢?

html如何调节透明度 CSS 如何设置一个元素的透明度呢?

时间:2023-09-04 20:51:51

相关推荐

html如何调节透明度 CSS 如何设置一个元素的透明度呢?

摘要:

下文讲述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 设置元素透明度的两种方式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。