a標籤的css樣式中的四個狀態

這篇文章主要介紹了關於a標籤的css樣式中的四個狀態，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

a標籤有四個「狀態」的先後過程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能設定有無底線（總是有的），下面有個範例大家可以看看

表示所有狀態下的連結如a{color:red}
① a: link：未造訪連結,如a:link {color:blue}
② a:visited：已造訪連結,如a:visited{color:blue}
③ a:active：啟動時（連結取得焦點時）連結的顏色,如a:active{color:blue}
④ a:hover：滑鼠移到連結上時,如a:hover {color:blue}
一般a:hover和a:visited連結的狀態（顏色、底線等）應該是相同的。
前三者分別對應body元素的link、vlink、alink這三個屬性。
四個「狀態」的先後過程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能設定有無底線（總是有的）。
舉例：偽類的常見狀態值 

<style type = “text/css”> 
a {font-size:16px} 
a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线 
a:active:{color: red; } //激活：红色 
a:visited {color:purple;text-decoration:none;} //已访问：purple、无下划线 
a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线 
</style>

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

CSS Border屬性之solid的使用介紹

css滑鼠樣式cursor的講解

#

以上是a標籤的css樣式中的四個狀態的詳細內容。更多資訊請關注PHP中文網其他相關文章！