Html超链接之伪类选择器
侧边栏壁纸
  • 累计撰写 88 篇文章
  • 累计收到 673 条评论
  • 今日更新 0 篇文章

Html超链接之伪类选择器

七年
2021-06-08 / 0 评论 / 31 阅读 / 正在检测是否收录...

超链接的样式除了【clor、font-family、background】等外,还有四种样式,也可以称之为状态,话不多说,直接上代码:

a:link - 正常的,未访问的链接
a:visited - 用户访问过的链接
a:hover - 用户将鼠标悬停在链接上时
a:active - 链接被点击时

演示:

<!DOCTYPE html>
<html>
<head>
<style>
/*正常的,未访问的链接*/
a:link {
  color: red;
}
​
/*访问过的链接*/
a:visited {
  color: green;
}
​
/*鼠标放在链接上时*/
a:hover {
  color: hotpink;
}
​
/*链接被点击时*/
a:active {
  color: blue;
}
</style>
</head>
<body>
<p><b><a href="/index.html" target="_blank">这是一个链接</a>
</body>
</html>

代码放在这里了,赶紧复制去看一下效果吧~

0

七年博客 - 你的专属归

https://www.qin0.cn/
更多精彩文章,按Ctrl+D收藏本站!

评论 (0)

取消
在线人数:1人