visibility 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>visibility</title>
        <style type="text/css">
        /* 
            visibility可以设置元素的显示状态
                可选值
                    visible默认值，元素正常显示
                    hidden不显示元素，但是元素依然占据位置
         */
            .box{
                border: solid;
                width: 100px;
                height: 100px;
                visibility: hidden;
            }
            
            .box1{
                border: dotted;
                width: 200px;
                height: 200px;
            }
        </style>
    </head>
    <body>
        <div class="box">
            
        </div>
        <div class="box1"></div>
    </body>
</html>

 

posted @ 2022-05-09 15:41  氯丙嗪  阅读(97)  评论(0)    收藏  举报