怎么在css中不顯示元素

本篇文章為大家展示了怎么在css中不顯示元素，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)主營麻栗坡網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App制作,麻栗坡h5小程序制作搭建,麻栗坡網(wǎng)站營銷推廣歡迎麻栗坡等地區(qū)企業(yè)咨詢

css設(shè)置不顯示元素的方法：

（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">標(biāo)題</h4>
        <p class="content">內(nèi)容</p>
    </div>
</body>
</html>

怎么在css中不顯示元素

設(shè)置display: none;后的效果如下顯示

怎么在css中不顯示元素

可以看出原來的標(biāo)題部分不見了，而內(nèi)容部分占領(lǐng)了原來標(biāo)題的部分

（2）visibility: hidden;

還是上面的例子，只是這次將display:none;改成visibility: hidden; 但結(jié)果卻大不相同

怎么在css中不顯示元素

上述內(nèi)容就是怎么在css中不顯示元素，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前名稱：怎么在css中不顯示元素
網(wǎng)站URL：http://www.muchs.cn/article40/phddho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、動(dòng)態(tài)網(wǎng)站、用戶體驗(yàn)、網(wǎng)頁設(shè)計(jì)公司、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)