css設定不顯示元素的方法:1、使用【display: none;】方法;2、將【display:none;】改成【visibility: hidden;】
#本教學操作環境:windows7系統、css3版,DELL G3電腦。
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"> <h3 class="title">标题</h3> <p class="content">内容</p> </div> </body> </html>
設定display: none;後面的效果如下顯示
可以看出原來的標題部分不見了,而內容部分佔領了原來標題的部分
( 2)visibility: hidden;
還是上面的例子,只是這次將display:none;改成visibility: hidden; 但結果卻大不相同
以上是css如何不顯示元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!