CSS visibility

最新推荐文章于 2024-07-26 22:49:01 发布

青柠杆菌

最新推荐文章于 2024-07-26 22:49:01 发布

阅读量219

点赞数

分类专栏： HTML和CSS（基于黑马程序员视频学习文章标签： css css3 前端

本文链接：https://blog.csdn.net/jjlome/article/details/121692600

版权

HTML和CSS（基于黑马程序员视频学习专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    visibility属性用于指定一个 元素应可见还是隐藏
    visibility：visible；元素可视
    visibility：hidden；元素隐藏
    visibility隐藏元素后，继续占有原来的位置
    如果想要原来的位置就用visibility：hidden
    如果隐藏元素不想要原来的位置，就用display：none；
    <style>
        .peppa {
            visibility: hidden;
            width: 200px;
            height: 200px;
            background-color: pink;
        }

        .george {
            width: 200px;
            height: 200px;
            background-color: skyblue;
        }
    </style>
</head>
<body>
    <div class="peppa">佩奇</div>
    <div class="george">乔治</div>
</body>
</html>