CSS 基础学习-176 opacity 属性指定元素的不透明度/透明度

hrs 提交于 2022/02/21 - 09:11 , 周一

opacity 属性指定元素的不透明度/透明度,opacity 属性的取值范围为 0.0-1.0。值越低,越透明:

实例代码:

<!doctype html>
<html>
  <head>
    <style>
      img{
        width:400px;
        height:200px;
        opacity:50%;
      }   
    </style>
  </head>
  <body>
    <h1>图像透明度</h1>
    <p>opacity属性规定元素的透明度。值越低,越透明。</p>
    <p>50%不透明度的图像</p>
    <img src="img/awx.jpeg"></img>
  </body>
</html>
~           

运行效果:

css-176.png

标签