不同的鏈接可以有不同的樣式。

　　鏈接樣式

　　鏈接的樣式，可以用任何CSS屬性(如顏色，字體，背景等)。

　　特別的鏈接，可以有不同的樣式，這取決于他們是什么狀態。

　　這四個鏈接狀態是：

　　a:link - 正常，未訪問過的鏈接

　　a:visited - 用戶已訪問過的鏈接

　　a:hover - 當用戶鼠標放在鏈接上時

　　a:active - 鏈接被點擊的那一刻

　　實例

　　a:link {color:#000000;} /* 未訪問鏈接*/ a:visited {color:#00FF00;} /* 已訪問鏈接 */ a:hover {color:#FF00FF;} /* 鼠標移動到鏈接上 */ a:active {color:#0000FF;} /* 鼠標點擊時 */

　　當設置為若干鏈路狀態的樣式，也有一些順序規則：

　　a:hover 必須跟在 a:link 和 a:visited后面

　　a:active 必須跟在 a:hover后面

　　常見的鏈接樣式

　　根據上述鏈接的顏色變化的例子，看它是在什么狀態。

　　讓我們通過一些其他常見的方式轉到鏈接樣式：

　　文本修飾

　　text-decoration 屬性主要用于刪除鏈接中的下劃線：

　　實例

　　a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;}

　　背景顏色

　　背景顏色屬性指定鏈接背景色：

　　實例

　　a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}

　　(編輯：雷林鵬 來源：網絡 侵刪)

轉載于:https://www.cnblogs.com/pengpeng1208/p/11206931.html

總結

以上是生活随笔為你收集整理的雷林鹏分享：CSS 链接的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。