消失

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
            div {
                text-align: center;
                width: 100px;
                height: 100px;
                line-height: 100px;
                color: white;
            }
            .d1 {
                background-color: red;
                /*display: none;*/
            }
            .d2 {
                background-color: blue;
                visibility: hidden;
                /*visibility: visible;*/
            }
            .d3 {
                background-color: green;


                opacity: 0.1;
                /*透明度*/
            }
        </style>
    </head>
    <body>
        <div class="d1">div1</div>
        <div class="d2">div2</div>
        <div class="d3">div3</div>
    </body>

</html>

原文地址:https://www.cnblogs.com/chenchen-12/p/10153154.html