HTML+CSS Easy to Get Started with Hyperlink Status
What are the states of a hyperlink?
a:link When initializing
a:hover When hovering
a:active When activated
a:visited After visiting
, we will explain in detail through an example
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超鏈接的狀態(tài)</title> <style type="text/css"> a:link{ color:red; /*初始化時(shí),鏈接的顏色為紅色*/ } a:hover{ color:black; /*懸停時(shí),當(dāng)鼠標(biāo)放在上面,不點(diǎn)擊時(shí),為黑色*/ } a:active{ color:green; /*激活時(shí),鼠標(biāo)放在上面點(diǎn)擊,但是不松開鼠標(biāo)是的顏色,綠色*/ } a:visited{ color:yellow; /*訪問過后,即當(dāng)鼠標(biāo)點(diǎn)擊鏈接以后的樣式*/ } </style> </head> <body> <a href="#">PHP 中文網(wǎng)</a> </body> </html>