馬戲團模版大剖析(二) 連結文字顏色
這回呢，我們來看看連結的顏色要如何設定。
讀完本文後，你應該要會：
- 改變連結的顏色
- 玩一點簡單的連結文字魔術
一、連結格式的意義
在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;
請自己發揮想像力（但不鼓勵把閱讀者搞到頭昏腦脹的作法）。
分類
MT初心技評論(5)
哈哈，了解。問到之後再來公告。
工頭:
這個問題你直接去問jedi 比較快 :D
呃...我有問題，可是和這個無關。
請問要如何像Jedi那樣，有個「歷史上的今天」？
http://jedi.org/blog/archives/004648.html
我已經全盤給他照改不誤囉。
請問
我用這個指令(虛線)貼在css中,可是一直不成功,變成同時有實線及虛線2條,不知問題出於何處?