设为首页收藏本站
联系我们切换到宽版

 找回密码
 免费注册
金黑网络»应用资源 › 应用开发教程 › 前端教程 › css教程 › opacity透明度css样式
返回列表 发新帖

opacity透明度css样式

[复制链接]
发表于 2023-6-26 22:07:24 | 显示全部楼层 |阅读模式
opacity透明度css样式

语法：opacity:值
取值：0-1之间的小数
代码：
  1. <head>
  2.         <meta charset="utf-8" />
  3.         <title></title>
  4.         <style type="text/css">
  5.                 .box{
  6.                         width:200px;
  7.                         height:100px;
  8.                         border:1px solid #000;
  9.                         position:relative;
  10.                 }
  11.                 img{
  12.                         position:absolute;
  13.                         left:0;top:0;
  14.                         opacity:0.5;
  15.                 }
  16.         </style>
  17. </head>
  18. <body>
  19.         <div class="box">
  20.                 <img src="1.png" width="200" height="100" />
  21.                 这是一张图片
  22.         </div>
  23. </body>
复制代码
css3特效, css教程, css样式

相关帖子
回复

举报

返回列表 发新帖

QQ|Archiver|小黑屋|网站地图|深圳市金黑网络技术有限公司 ( 粤ICP备2021124338号|粤公网安备 44030702003689号 )

GMT+8, 2026-8-8 16:01 , Processed in 0.046525 second(s), 24 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表