怎么在css中不显示元素

本篇文章为大家展示了怎么在css中不显示元素,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

成都创新互联主营麻栗坡网站建设的网络公司,主营网站建设方案,成都App制作,麻栗坡h5小程序制作搭建,麻栗坡网站营销推广欢迎麻栗坡等地区企业咨询

css设置不显示元素的方法:

(1)display: none;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <style type="text/css">
    .box {
        width: 160px;
        height: 100px;
        background: #cad5eb;
    }
    .title {
        height: 40px;
        background: #54a962;
    }
    .content {
        height: 60px;
        background: #5650bb;
    }
    </style>
</head>
<body>
    <div class="box">
        <h4 class="title">标题</h4>
        <p class="content">内容</p>
    </div>
</body>
</html>

怎么在css中不显示元素

设置display: none;后的效果如下显示

怎么在css中不显示元素

可以看出原来的标题部分不见了,而内容部分占领了原来标题的部分

(2)visibility: hidden;

还是上面的例子,只是这次将display:none;改成visibility: hidden; 但结果却大不相同

怎么在css中不显示元素

上述内容就是怎么在css中不显示元素,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。

当前名称:怎么在css中不显示元素
网站URL:https://www.cdcxhl.com/article40/phddho.html

成都网站建设公司_创新互联,为您提供外贸网站建设自适应网站动态网站用户体验网页设计公司虚拟主机

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站建设