a標簽的css樣式四個狀態的設計

表示所有狀態下的連接 如 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>