CSS可见性属性的用法

称为可见性的属性可让您从视图中隐藏元素。您可以将此属性与JavaScript一起使用,以创建非常复杂的菜单和非常复杂的网页布局。

可见性 属性可以在下面的表中列出的值


描述
可见
该框及其内容将显示给用户。

尽管该框及其内容仍然会影响页面的布局,但它们仍是不可见的。
坍方
仅用于动态表的列和行效果。

示例

您可以尝试运行以下代码以了解如何使用 可见值和 隐藏

<html>
   <head>
      <style>
         p {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <p style = "visibility:visible;">
         This paragraph is visible.
      </p>
      <p>
         This paragraph won't be visible.
      </p>
   </body>
</html>