HTML+CSS 輕松入門(mén)之超鏈接狀態(tài)

超鏈接有哪幾種狀態(tài)

a:link 初始化時(shí)

a:hover 懸停時(shí)

a:active 激活時(shí)

a:visited 訪問(wèn)過(guò)后

接下了我們通過(guò)一個(gè)實(shí)例來(lái)詳細(xì)講解

<!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)擊，但是不松開(kāi)鼠標(biāo)是的顏色，綠色*/
		}

		a:visited{
			color:yellow; /*訪問(wèn)過(guò)后，即當(dāng)鼠標(biāo)點(diǎn)擊鏈接以后的樣式*/
		}
	</style>
</head>
<body>
	<a href="#">PHP 中文網(wǎng)</a>
</body>
</html>

繼續(xù)學(xué)習(xí)

新建文件

<!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)擊，但是不松開(kāi)鼠標(biāo)是的顏色，綠色*/ } a:visited{ color:yellow; /*訪問(wèn)過(guò)后，即當(dāng)鼠標(biāo)點(diǎn)擊鏈接以后的樣式*/ } </style> </head> <body> <a href="#">PHP 中文網(wǎng)</a> </body> </html>

提交重置代碼

自動(dòng)運(yùn)行

章節(jié)

筆記

提問(wèn)

課件

反饋

捐贈(zèng)