opacity对图片的用法

团酱

于 2022-01-23 17:42:33 发布

阅读量693

点赞数

分类专栏：随笔 HTML基础文章标签： html css

本文链接：https://blog.youkuaiyun.com/qq_46703452/article/details/122653998

版权

随笔同时被 2 个专栏收录

32 篇文章

订阅专栏

HTML基础

15 篇文章

订阅专栏

opacity对图片的用法，想让图片有一种灰色的感觉就可以使用opacity

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        img{
            opacity: 0.7;
        }
        img:hover{
            opacity: 1;
        }
    </style>
</head>
<body>
    <img src="./img/Tencent腾讯天天P图.png" alt="">
</body>
</html>