当前位置: 代码网 > it编程>网页制作>Css > CSS设置背景透明度、16进制色值设置透明度的方法

CSS设置背景透明度、16进制色值设置透明度的方法

2024年06月25日 Css 我要评论
1、rgba(推荐)(rgba与rgb区别:rgb和rgba都表示颜色。rgb: 代表 红 绿 蓝 三种颜色rgba: 在rbg的基础上加了 “alpha” 透明度,取值在0-

1、rgba(推荐)

(rgba与rgb区别:rgb和rgba都表示颜色。
        rgb: 代表 红 绿 蓝 三种颜色
        rgba: 在rbg的基础上加了 “alpha” 透明度,取值在0-1之间。)

background: rgba(0,0,0,0.4);

2、rgb( 0 0 0 /x%)  这是之前写样式用的格式,也可以渲染成功 

background: rgb(0 0 0 /40%);

 3、十六进制色值,在16进制色值后直接加两位数字,作为透明度

同样取值在0~255,那么如果想设置透明度为0.5,就要加255的一半,大约用128,搜一个进制转换工具,转换出来16进制数是80

在我们想要加透明度的色值后面直接加上80即可

 4、opacity, 取值在0-1之间,值越小越透明

但子元素会继承父元素的透明度,即使在设置子元素opacity,也是在父元素opacity基础上设置,使用场景非常有限

到此这篇关于css设置背景透明度、16进制色值设置透明度的文章就介绍到这了,更多相关css背景透明度内容请搜索代码网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com