CSS中鏈接有四個狀態,分別是正常狀態、鼠標懸停狀態、激活狀態和禁用狀態。
a:link { /* 正常狀態下鏈接的樣式 */ text-decoration: none; } a:hover { /* 鼠標懸停狀態下鏈接的樣式 */ text-decoration: underline; } a:active { /* 鏈接被點擊時的樣式 */ text-decoration: none; color: red; } a:disabled { /* 禁用狀態下鏈接的樣式 */ text-decoration: none; color: gray; }
正常狀態下鏈接的樣式是沒有下劃線并且顏色是默認的藍色。使用text-decoration:none去除下劃線,使用color屬性來改變文本顏色。
鼠標懸停狀態下鏈接的樣式是有下劃線并且顏色不變。使用text-decoration:underline來添加下劃線。
激活狀態下鏈接的樣式是沒有下劃線并且文本顏色改變。使用color:red來改變文本顏色。
禁用狀態下鏈接的樣式是沒有下劃線并且文本顏色改變。使用disabled屬性來禁用鏈接。