怎么在css中不显示元素

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

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

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

(1)display: none;




    
    
    .box {
        width: 160px;
        height: 100px;
        background: #cad5eb;
    }
    .title {
        height: 40px;
        background: #54a962;
    }
    .content {
        height: 60px;
        background: #5650bb;
    }
    


    
        标题
        内容

    

怎么在css中不显示元素

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

怎么在css中不显示元素

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

(2)visibility: hidden;

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

怎么在css中不显示元素

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


分享名称:怎么在css中不显示元素
标题网址:http://bzwzjz.com/article/phddho.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站建设 成都响应式网站建设 企业网站设计 网站设计 成都网站制作 网站建设费用 成都网站设计 成都网站建设 上市集团网站建设 网站建设方案 成都网站制作 成都网站设计 广安网站设计 成都做网站建设公司 温江网站设计 app网站建设 营销型网站建设 商城网站建设 成都网站制作 网站制作报价 成都网站制作 成都网站建设公司