HTML+CSS 輕鬆入門之超連結狀態

超連結有哪幾種狀態

a:link   初始化時

a:hover   停留時

a:active  啟動時

a:visited  訪問過後

接下了我們透過一個實例來詳細解說

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>超链接的状态</title>
	<style type="text/css">
		a:link{
			color:red;   /*初始化时,链接的颜色为红色*/
		}

		a:hover{
			color:black;  /*悬停时,当鼠标放在上面,不点击时,为黑色*/
		}

		a:active{
			color:green; /*激活时,鼠标放在上面点击,但是不松开鼠标是的颜色,绿色*/
		}

		a:visited{
			color:yellow; /*访问过后,即当鼠标点击链接以后的样式*/
		}
	</style>
</head>
<body>
	<a href="#">PHP 中文网</a>
</body>
</html>


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接的状态</title> <style type="text/css"> a:link{ color:red; /*初始化时,链接的颜色为红色*/ } a:hover{ color:black; /*悬停时,当鼠标放在上面,不点击时,为黑色*/ } a:active{ color:green; /*激活时,鼠标放在上面点击,但是不松开鼠标是的颜色,绿色*/ } a:visited{ color:yellow; /*访问过后,即当鼠标点击链接以后的样式*/ } </style> </head> <body> <a href="#">PHP 中文网</a> </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!