首页 > 美文阅读

html设置透明度

更新时间:2023-07-28 04:14:39 阅读： 评论：0

html设置透明度在html中，设置元素的透明度
在css相应元素中添加下⾯代码即可。
opacity:0.5;
opacity的取值范围为0~1，0表⽰全透明，1表⽰不透明
完整⽰例代码块
div{
opacity:0.5;
}
结合⽰例项⽬贴出代码块
<!DOCTYPE html>
<html>
万金不换
<head>
<meta chart="utf-8">
<title>html透明度设置</title>
<style>
/* 不透明 */
晨字.div1{
width: 200px;
height: 200px;
background-color: red;
}
/* 透明 */
.
div2{
崩坏三武器width: 200px;
height: 200px;
background-color: red;
走字底怎么写opacity: 0.5;
}
</style>
</head>
母亲的歌曲有哪些
<body>
<!-- 不透明 -->
<div class="div1">
科技的重要性不透明
</div>
<!-- 透明 -->个人邮箱注册免费
<div class="div2">
透明
</div>
</body>
</html>
⽰例结果图惜花吟
觉得对您有⽤，记得点击⼩红⼼！

本文发布于:2023-07-28 04:14:39，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/fanwen/fan/82/1121097.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

上一篇：CSSopacity设置透明度影响子元素的解决办法
下一篇：js之动态改变透明度属性-opacity
标签：元素   透明度   设置   添加   例项   邮箱
相关文章
留言与评论（共有 0 条评论）
   
验证码：
推荐文章
排行榜
热门标签
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图