如何使有超級鏈接的文字不出現下劃線？
如何使鼠標移動到超連上產生變色的效果？
如何使鼠標移動到超連上產生文字大小變化的效果？
如何使訪問過的鏈接變成不同的顏色？......
這些問題經常會困擾剛做網頁的網友，其實這些問題解決起來是非常簡單的，使用CSS的控制就可以非常輕松地做到，而且可以在整個頁面上進行設置，不用一個一個鏈接改的，怎麼樣，很方便是吧，看完下面的這些，你的問題就會迎刃而解，不多廢話了，跟我來吧...
一、看下面的樣式：
在<head>和</head>之間加上如下的CSS語法控制：
<style type="text/CSS"> //也可以直接就寫<style>
<!--
a:link { text-decoration: none} //a:link 指正常的未被訪問過的鏈接
a:active { text-decoration: none } //a:active 指點擊鏈接的瞬間出現的鏈接情況
a:visited { text-decoration: none } //a:visited 指已經訪問過的鏈接
a:hover { text-decoration: none; } //a:hover 指鼠標放上去鏈接出現的情況
-->
</style>
hover是一個經常會被混淆的屬性，一般大家都認為鏈接是三個屬性：link,active,visited，而且一般的網頁制作軟件裡也只有這三個設置，但是hover其實也是一個非常重要的屬性，它還可以在鏈接上加上背景色（BACKGROUND:#ccffcc;），其它的設置與上面三個一樣，所以大家現在可以記住，鏈接上可以做四個屬性設置，分別是：link,active,visited,hover
text-decoration是文字修飾效果的意思，none參數表示使有超級鏈接的文字不顯示下劃線。如果講none替換成underline就表示有下劃線，換成overline則給超連文字加上劃線，換成 line-through給超連文字加上刪除線。還有一個是blink參數，顧名思義是閃爍效果，但是他要在NetScape浏覽器上才能顯示。
二、使粗體文字加上刪除線。
粗體文字使用的代碼是：B { text-decoration: line-through }
使粗體文字中所有的字母大寫。使用代碼： B { text-transform: uppercase }（這個在NS中才顯示出來，IE沒有相應效果顯示）
產生既大寫，又有顏色，又有刪除線的效果 i love you!
以上的代碼是：b { text-decoration: line-through; text-transform: uppercase; color: #66FFFF}
另外，用lowercase使所有字母小寫顯示，capitalize 使每個單詞的首字母大寫顯示。
三、產生鏈接變色效果：
經過在對鏈接的幾個屬性進行顏色設置後，可以使具有link,active,visited屬性的鏈接顯示不同的顏色，但是卻不會產生鼠標覆蓋變色效果。
<style type="text/CSS">
<!--
a:link { text-decoration: none ; color: green } //正常鏈接文字顯示綠色
a:active { text-decoration: none ; color: yellow } //點擊瞬間的鏈接顯示黃色
a:visited { text-decoration: none ; color: red } //已經訪問過的鏈接顯示紅色
-->
</style>
要想產生鼠標放上去產生變色效果，就要用到另一個屬性了,這就是 hover（上面提到過的）。
a:hover { text-decoration: none ; color: yellow；background:white; } 表示鼠標移動到鏈接文字上時，文字修飾風格為“無”，同時鏈接文字顯示黃色，鏈接文字的底色顯示為白色。
四、看一下下面鏈接設置的總體運用情況：
<style type="text/CSS">
<!--
a:link { text-decoration: none ; color: blue ; font-size: 9pt }
a:active { text-decoration: underline ; color: yellow;font-size: 10pt }
a:visited { text-decoration: none ; color: red;font-size: 10.5pt }
a:hover { text-decoration: underline; color: green ; font-size: 11pt;background:white; }
-->
</style>
上面這樣設置的總體解釋為：
1，鏈接文字沒有下劃線，藍色（blue）顯示，字為9pt大小；
2，鼠標點擊鏈接的瞬間文字再現下劃線，顏色變成黃色（yellow），並且文字大小變成10pt；
3，訪問過的鏈接沒有下劃線，文字變成紅色（red），同時文字大小變成10.5pt；
4，鼠標放到鏈接上時出現下劃線，顏色為綠色（green），字符大小11pt，同時文字上出現一個白色（white）的背景區域。