首页 > web前端 > css教程 > 正文

CSS 可见性属性的使用

PHPz
发布: 2023-08-28 18:45:02
转载
932 人浏览过

CSS 可见性属性的使用

名为“可见性”的属性允许您从视图中隐藏元素。您可以将此属性与 JavaScript 结合使用来创建非常复杂的菜单和非常复杂的网页布局。

visibility 属性可以采用下表中列出的值

描述

可见

向用户显示该框及其内容。

隐藏

该框及其内容变得不可见,尽管它们仍然影响页面的布局。

折叠

这仅适用于动态表格列和行效果。

示例

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

<html>
   <head>
      <style>
         p {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <p style = "visibility:visible;">
         This paragraph is visible.
      </p>
      <p>
         This paragraph won&#39;t be visible.
      </p>
   </body>
</html>
登录后复制

以上是CSS 可见性属性的使用的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!