CSS超鏈接click可以實現超鏈接被點擊時的樣式改變和交互效果。可以通過CSS中的:hover偽類和:active偽類,分別控制鼠標懸停和點擊樣式。
a:hover { color: red; text-decoration: underline; } a:active { color: black; background-color: yellow; }
以上代碼表示當鼠標懸停在超鏈接上時,文字顏色變成紅色并帶有下劃線。當點擊超鏈接時,文字顏色變成黑色,背景色變成黃色。
除此之外,通過CSS也可以自定義超鏈接的樣式,比如去掉下劃線、修改文字顏色等。以下是一些常用的超鏈接樣式代碼:
a { color: blue; text-decoration: none; } a:hover { color: red; text-decoration: underline; } a:visited { color: purple; } a:active { color: black; background-color: yellow; }
以上代碼實現了去掉下劃線、修改默認文字顏色為藍色、訪問過的鏈接文字顏色變成紫色、鼠標懸停時文字顏色變成紅色并帶有下劃線、鼠標點擊時文字顏色為黑色,背景色為黃色。
上一篇月亮漸變顏色css
下一篇css超鏈接上劃線效果