<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接状态设置</title>
<style>
/*链接的几种状态都是有顺序的，必须是link、visited、hover、active，因为有些浏览器不兼容，用谷歌顺序颠倒无所谓，依旧可以 */
a:link { /*未访问过的链接状态设置*/
color: #666666;
text-decoration: none; /*取消下划线*/
font-size: 30px;
font-weight: bold;
font-family: "华文行楷", serif;
}
a:visited { /*已经访问过的链接状态设置*/
color: darkgrey;
}
a:hover { /*鼠标触碰链接时的状态设置*/
color: red;
background-color: #EDEEF0; /*鼠标触碰时的背景颜色*/
}
a:active { /*鼠标点击的那一刻链接的状态,或者鼠标长按时的状态设置*/
color: yellow;
}
</style>
</head>
<body>
<a href="http://www.wuyounice.com">链接</a>
</body>
</html>
