如何用CSS控制超連結字型樣式

先一個例子，比如說下面這段代碼：
 
<style type="text/css">
a:link {text-decoration:none;color:blue;}
a:hover {text-decoration:underline;color:red;}
a:active {text-decoration:none;color:yellow;}
a:visited {text-decoration:none;color:green;}
</style>
其效果是：未被點擊時超連結顯示文字無底線，顯示為藍色；當滑鼠放在連結上時有底線，連結文字顯示為紅色；當點選連結時，即連結被啟用，連結無底線，顯示為黃色；當點選連結後，也就是連結已被訪問過後，連結無底線，顯示為綠色。
 
其中：

 
a:link 指正常的未被訪問過的連結；
a:hover 指滑鼠在連結上；
a:active 指正在點的連結；
a:visited 指已經訪問過的連結。
 
參數設定：
 
text-decoration是文字修飾效果的意思；none參數表示超連結顯示文字不顯示底線；underline參數表示超連結的文字有底線；如果是overline則給超連結顯示文字加上劃線；換成line-through則是給超連結顯示文字加上刪除線；blink則使文字在閃爍。
 
color:blue，color:red等是給連結文字加顏色。
 
還可以添加其他參數，如：
 
font-weight:bold給連結文字加粗；font-size:16pt設定連結文字字型大小；background:#ffd306給連結文字加背景顏色；font-style:italic連結文字傾斜；border-bottom:1px dashed #51bfe0給連結文字加虛線，其中1px是虛線的粗細度，數值越大越粗，dashed表示虛線，#51bfe0是虛線顏色，如果要給連結文字加虛線的話，就不用加底線了。
 
例如下面這兩段代碼：
 
<style type="text/css">
a:hover {text-decoration:none;border-bottom:1px dashed red;}
</style>
 
其效果是當滑鼠放在連結上的時候連結出現紅色虛底線。
 
<style type="text/css">
a:hover {text-decoration:underline;font-weight:bold;color:red;background:blue;font-style:italic;}
</style>
 
其效果就是當滑鼠放在連結上的時候，連結有底線，字型加粗，連結文字為紅色，背景為藍色，文字傾斜。
 
如果要去掉所有連結的底線則可以用下面這段代碼：
 
<style type="text/css">
a:link,a:hover,a:active,a:visited{text-decoration:none;}
</style>