<html>
<head>
<title>CSS伪类 pseudo-class</title>
<style type="text/css">
a.c1:link {color: #FF0000} /* 未被访问的链接 红色 */
a.c1:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a.c1:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */
a.c1:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */
</style>
</head>
<body>
<p><a class = "c1" href = "http://www.blabla.cn">布啦布啦网站 - 网页教程与代码的中文站点</a></p>
<p><a href = "http://www.blabla.cn/wow/index.html">魔兽世界中的可爱玩家</a></p>
</body>
</html>
<head>
<title>CSS伪类 pseudo-class</title>
<style type="text/css">
a.c1:link {color: #FF0000} /* 未被访问的链接 红色 */
a.c1:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a.c1:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */
a.c1:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */
</style>
</head>
<body>
<p><a class = "c1" href = "http://www.blabla.cn">布啦布啦网站 - 网页教程与代码的中文站点</a></p>
<p><a href = "http://www.blabla.cn/wow/index.html">魔兽世界中的可爱玩家</a></p>
</body>
</html>