首頁 > web前端 > css教學 > 主體

css元素如何隱藏

coldplay.xixi
發布: 2023-01-05 16:09:20
原創
4477 人瀏覽過

css元素隱藏的方法:1、opacity屬性的意思是設定一個元素的透明度;2、Visibility將它的值設為hidden將隱藏我們的元素;3、display屬性依照詞義真正隱藏元素。

css元素如何隱藏

本教學操作環境:windows7系統、css3版,DELL G3電腦。

css元素隱藏的方法:

1、Opacity

opacity 屬性的意思是設定一個元素的透明度。它不是為改變元素的邊界框(bounding box)而設計的。這意味著將 opacity 設為 0 只能從視覺上隱藏元素。而元素本身依然佔據它自己的位置並對網頁的佈局起作用。

css程式碼:

.hide {
  opacity: 0;
}
登入後複製

2、Visibility

#將它的值設為 hidden 會隱藏我們的元素。如同 opacity 屬性,被隱藏的元素仍然會對我們的網頁佈局起作用。

.hide {
   visibility: hidden;
}
登入後複製

3、Display

display 屬性依照詞義真正隱藏元素。將 display 屬性設為 none 確保元素不可見且連盒模型也不產生。使用這個屬性,被隱藏的元素不佔據任何空間。

.hide {
   display: none;
}
登入後複製

相關教學推薦:CSS影片教學

以上是css元素如何隱藏的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!