a{
color: aqua;
text-decoration: none;
}
a:visited{
color: black;
text-decoration: none;
}
a:hover{
color: pink;
text-decoration: none;
}
- a:link //正常链接
- a:visited //已点击过的链接
- a:hover //鼠标在链接上
demo:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
a{
color: aqua;
text-decoration: none;
}
a:visited{
color: black;
text-decoration: none;
}
a:hover{
color: pink;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#">链接</a>
</body>
</html>