本文摘自PHP中文网,作者V,侵删。
css设置颜色透明度的方法是,给指定元素添加opacity属性,并设置合适的不透明度即可,例如【opacity:0.5;】,表示将元素设置为半透明。
本文操作环境:windows10系统、css 3、thinkpad t480电脑。
opacity属性可以用来设置元素背景的透明度;它需要0~1之间的值。
0表示完全透明(opacity:0);
1表示完全不透明(opacity:1);
0.5表示半透明(opacity:0.5);
语法:
1 |
|
属性值:
value 指定不透明度。从0.0(完全透明)到1.0(完全不透明)
inherit Opacity属性的值应该从父元素继承
代码示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
|
来看下运行效果:
相关视频分享:css视频教程
以上就是css如何设置颜色透明度的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css如何去除inline-block元素间的间距?(多种方法)
浅谈css grid比bootstrap更适合创建布局的原因
html5+css如何控制table内外边框和颜色以及大小的图文教程
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者