CSS opacity属性,设置透明度

opacity属性

前面的章节介绍了颜色的透明度,那么如果要设置HTML元素的透明度,比如设置一张图像的透明度,那该怎么办?可以通过CSS的opacity属性来实现。比如下方的这张图片的透明度分别为1和0.5。



语法

ele{opacity:value}

提示:opacity的值介于0到1之间,值越小,表示越透明。


opacity属性实例代码,及在线编辑器

<img src='../../static/img/test.jpg' id='img'>

<style>
  #img{width:100%;height:100%;opacity:0.1;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.