他山之狮：用颜色区别访问和未访问的链接

浅色的是点击过的链接，深色的是未点击的链接：

鼠标悬停在链接上的效果：

 

CSS代码如下：

a:link {
    color: #B7A5DF;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: #D4CDDC;
    font-weight: bold;
    text-decoration: none;
}
a:hover, a:active {
    color: #9685BA;
    text-decoration: underline;
}

 

注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后！！

注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！