本篇文章為大家展示了怎么在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>
設置display: none;后的效果如下顯示
可以看出原來的標題部分不見了,而內容部分占領了原來標題的部分
(2)visibility: hidden;
還是上面的例子,只是這次將display:none;改成visibility: hidden; 但結果卻大不相同
上述內容就是怎么在css中不顯示元素,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創新互聯行業資訊頻道。
當前名稱:怎么在css中不顯示元素
網站URL:http://m.newbst.com/article40/phddho.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、自適應網站、動態網站、用戶體驗、網頁設計公司、虛擬主機
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯