怎么在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://cdiso.cn/article/phddho.html

其他资讯