憂鬱馬戲團 Blue Circus

'; } ?>

這回呢，我們來看看連結的顏色要如何設定。
讀完本文後，你應該要會：

1. 改變連結的顏色
2. 玩一點簡單的連結文字魔術

一、連結格式的意義

在body格式下方，有幾個與連結有關的格式設定，它們的意義如下

a {
text-decoration: underline;
/* 所有有連結的地方，都設定為有底線 */
}
a:link {
/*　還沒去過的網頁 */
color: #B22222;
/*　顏色設為#B22222 */
}

a:visited {
/* 己去過的網頁 */
color: #B22222;
}

a:active {
/* 啓動的網頁 */
color: #B22222;
}

a:hover {
/* 游標在連結上時 */
color: #B22222;
}

二、來點特別的

如果你喜歡的話，這裡我們可以玩點小花樣。假設你希望

• 所有連結的文字是沒有底線，但顏色比較亮；
• 當游標放在上頭時，連結文字的背景會亮起起來；
• 去過的網頁，連結顏色比較淡（也就是馬戲團目前的作法啦）

那麼可以如此設定：

a { text-decoration: none; }
/* 所有有連結的地方，都設定為沒有底線 */

a:link { 　　　　color: #FF20F5; }
/*　還沒去過的網頁，文字顏色為#FF20F5 */

a:visited { color: #A4009C; }
/*　去過的網頁，文字顏色為#A4009C */

a:hover {　　　　　background: #B6FF7B; }
/*　游標在連結上時，文字背景顏色為#B6FF7B */

三、更多花招
其實所有文字格式的設定都可以用在連結上，例如，

• 讓底線為虛線：border-bottom: dashed 1px;
• 連結一般是「底線」，要搞逆經離道的話，改成「頂線」：text-decoration: overline;
• 讓連結閃爍起來，把閱讀者煩到死，非點下去不可：text-decoration: blink;

請自己發揮想像力（但不鼓勵把閱讀者搞到頭昏腦脹的作法）。