CSS 可见性属性的使用
- PHPz转载
- 2023-08-28 18:45:021052浏览
名为“可见性”的属性允许您从视图中隐藏元素。您可以将此属性与 JavaScript 结合使用来创建非常复杂的菜单和非常复杂的网页布局。
visibility 属性可以采用下表中列出的值
| 值 | 描述 |
|---|---|
| 可见 | 向用户显示该框及其内容。 |
| 隐藏 | 该框及其内容变得不可见，尽管它们仍然影响页面的布局。 |
| 折叠 | 这仅适用于动态表格列和行效果。 |
示例
您可以尝试运行以下代码来了解如何使用可见和隐藏值
<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中文网其他相关文章！
声明：
本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除