请选择 进入手机版 | 继续访问电脑版

css3中如何使用ccs样式怎么调节透明度的ccs教程

[复制链接]
建宸网络 发表于 2021-2-24 17:37:34 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
2021022417030781885.jpg
本文操作环境:windows10系统、css 3、thinkpad t480电脑。
属性介绍:
opacity 属性设置元素的不透明级别。
语法:
1
opacity: value|inherit;

属性值:
  • 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
<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>

<div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div>

</body>
</html>


相关推荐:建宸教程网CSS教程

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 最佳新人

    注册账号后积极发帖的会员
  • 活跃会员

    经常参与各类话题的讨论,发帖内容较有主见
  • 热心会员

    经常帮助其他会员答疑
  • 推广达人

    积极宣传本站,为本站带来更多注册会员
  • 宣传达人

    积极宣传本站,为本站带来更多的用户访问量
  • 灌水之王

    经常在论坛发帖,且发帖量较大
  • 突出贡献

    长期对论坛的繁荣而不断努力,或多次提出建设性意见
  • 优秀版主

    活跃且尽责职守的版主
  • 荣誉管理

    曾经为论坛做出突出贡献目前已离职的版主
  • 论坛元老

    为论坛做出突出贡献的会员

关注0

粉丝0

帖子437

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )