0
0
青灯夜游
发布时间：2021-05-17 16:40:40
|61334人浏览过
|来源于php中文网
原创
在html中，如果是背景颜色，可以利用rgba()函数或者opacity属性来设置颜色透明度；如果是背景图片，可以利用opacity属性和“filter:opacity(%)”样式来设置图片透明度。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
1、设置背景颜色的透明度--利用rgba()函数或者opacity属性
示例1：
RGB 颜色，并使用透明度:
立即学习“前端免费学习笔记（深入）”；
红色
绿色
蓝色
灰色
黄色
樱桃色
效果图：
示例2：
背景色不透明，文字不透明！
背景色透明，文字也透明！
效果图：
2、设置背景图片透明度--使用opacity属性和“filter:opacity(%)”样式
示例1：
原图：
透明度为50%：
透明度为20%：
示例2：
原图：
透透明度为0.5：
透明度为02：
相关文章
HTML文档编码怎样HTML5化_用meta charset统一声明编码【编码】
HTML5如何重置表单内容_HTML5重置表单内容做法【要点】
HTML与HTML5对PWA支持谁强_离线应用构建力【聚焦】
HTML转HTML5怎样处理旧浏览器_用polyfill补兼容性缺口【兼容】
HTML和HTML5元数据标签差多少_SEO标签升级点【梳理】
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
