微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html怎么隐藏a标签

html隐藏a标签方法是,给a标签添加visibility属性,并且设置属性值为hidden即可。visibility属性是专门用来规定元素是否可见的,hidden表示元素不可见。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

其实在html中要隐藏a标签并不是很难,因为在css中有一个非常好用的属性visibility,利用这个属性可以轻而易举的实现我们的目的。下面我们先来简单看下这个属性

visibility 属性规定元素是否可见。

常见属性值:

  • visible 认值。元素是可见的。

  • hidden 元素是不可见的。

  • collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 hidden。

  • inherit 规定应该从父元素继承 visibility 属性的值。

比如我们要隐藏a标签,可以这样写代码

<div><a href=#><span style=visibility:hidden>我的</span></a></div>

详细例子:

<html>
<head>
<style type=text/css>
h1.visible {visibility:visible}
h1.invisible {visibility:hidden}
</style>
</head>

<body>
<h1 class=visible>这是可见的标题</h1>
<h1 class=invisible>这是不可见的标题</h1>
</body>

</html>

运行结果如图:

2d2ccce7abd06187ea1f8a2cfa11c2a.png

相关推荐:html视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。