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

css 设置链接跳出来

CSS可以很方便地设置链接的样式,包括链接的颜色,大小,字体等等。但是,有时我们希望链接在被点击时能跳出来,例如在新窗口中打开一条链接。这该怎么实现呢?

css 设置链接跳出来

在CSS中,我们可以使用:target伪类来针对当前活动的链接进行操作。如果我们设置一个class为“external”的链接,我们可以为其设置如下样式:

.external:target {
   display:block;
}

这样,当用户点击这个链接时,它将跳出来,显示一个新的浏览器窗口中。

除了使用:target伪类,我们还可以使用JavaScript来实现在新窗口中打开链接。例如,可以使用以下代码

<a href="http://www.example.com" onclick="window.open(this.href,'_blank');return false;">Example Link</a>

这样,当用户点击这个链接时,它将在新的浏览器窗口中打开。

无论您选择使用哪种方法,设置链接在新窗口中打开都是一件非常简单的事情。通过这种方式,您可以为用户提供更好的浏览体验,同时也可以控制您的网站上链接的行为。

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