CSS 可见性属性的使用-css教程-PHP中文网

CSS 可见性属性的使用

PHPz

发布： 2023-08-28 18:45:02

转载

988人浏览过

css 可见性属性的使用

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

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

值启科网络PHP商城系统启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。 0 查看详情	描述
可见立即学习“前端免费学习笔记（深入）”；	向用户显示该框及其内容。
隐藏	该框及其内容变得不可见，尽管它们仍然影响页面的布局。
折叠	这仅适用于动态表格列和行效果。

值

启科网络PHP商城系统

启科网络商城系统由启科网络技术开发团队完全自主开发，使用国内最流行高效的PHP程序语言，并用小巧的MySql作为数据库服务器，并且使用Smarty引擎来分离网站程序与前端设计代码，让建立的网站可以自由制作个性化的页面。系统使用标签作为数据调用格式，网站前台开发人员只要简单学习系统标签功能和使用方法，将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用，即可建设出美观、个性的网站。

查看详情

描述

可见

立即学习“前端免费学习笔记（深入）”；

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

隐藏

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

折叠

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

示例

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

<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>

登录后复制

以上就是CSS 可见性属性的使用的详细内容，更多请关注php中文网其它相关文章！