html超鏈接字體樣式（鼠標點擊）

 轉載來源：kingwenwu（博客園）  侵權請聯繫微信：北草

定義鏈接樣式 
　　CSS爲一些特殊效果準備了特定的工具，我們稱之爲“僞類”。其中有幾項是我們經常用到的，下面我們就詳細介紹一下經常用於定義鏈接樣式的四個僞類，它們分別是： 
:link 
:visited 
:hover 
:active 
　　因爲我們要定義鏈接樣式，所以其中必不可少的就是超級鏈接中的錨標籤--a，錨標籤和僞類鏈接起來書寫的方法就是定義鏈接樣式的基礎方法，它們的寫法如下： 
a:link，定義正常鏈接的樣式； 
a:visited，定義已訪問過鏈接的樣式； 
a:hover，定義鼠標懸浮在鏈接上時的樣式； 
a:active，定義鼠標點擊鏈接時的樣式。

例子：html+css

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

a:link { color:#FF0000; text-decoration:underline; } a:visited { color:#00FF00; text-decoration:none; } a:hover { color:#000000; text-decoration:none; } a:active { color:#FFFFFF; text-decoration:none; }

 上面示例中定義的鏈接顏色是紅色，訪問過後的鏈接是綠色，鼠標懸浮在鏈接上時是黑色，點擊時的顏色是白色。

---

轉載來源：kingwenwu（博客園）  侵權請聯繫微信：北草 

 

內容補充：