该文章展示了如何使用CSS来定义HTML中a标签的不同状态，包括未访问链接的颜色、已访问链接的颜色、鼠标悬停时的颜色以及链接被点击时的样式。这些样式规则确保了页面交互的视觉反馈，并考虑了浏览器的兼容性设置。
知识点：
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 未访问的链接：a:link 把没有点击过的（已经访问过的）链接选出来 */
/* 没有访问就是绿色 */
a:link {
color: aqua;
text-decoration: none;
}
/* 访问后就是蓝色 */
a:visited 选择器点击过的（访问过的）链接
a:visited {
color: blue;
}
/* a:hover 鼠标碰到了就是棕色 */
a:hover {
color: brown;
}
/* A:active 书包在按下的时候，但是没有弹起来，鼠标点击到的文字变成了黑色 */
A:active {
color: black;
}
</style>
</head>
<body>
<a href="#">雄安猪佩奇</a>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
