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>超链接的状态</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>

Continuing Learning

new file

<!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>

submit Reset Code

Automatic operation

HTML+CSS Easy to Get Started with Hyperlink Status

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]