简单的CSS在页面中点击超链接跳转新的页面
在HTML中创建超链接，并使用CSS为其设置样式，使得点击超链接时会在新窗口打开目标页面。以下是实现这一功能的示例代码：
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接跳转示例</title>
<style>
/* 添加一些样式来突出超链接 */
a.new-window-link:link, a.new-window-link:visited {
color: #0366d6;
text-decoration: none;
}
a.new-window-link:hover {
text-decoration: underline;
}
a.new-window-link:active {
color: #0366d6;
}
</style>
</head>
<body>
<a class="new-window-link" href="https://www.example.com" target="_blank">访问Example.com</a>
</body>
</html>在上述代码中，target="_blank"属性确保了链接的目标页面会在新窗口打开。CSS样式仅为超链接添加了一些基本样式，并没有涉及到实现点击后跳转的功能，因为这是HTML提供的标准行为。
评论已关闭