HTML+CSS 하이퍼링크 상태로 쉽게 시작하기

하이퍼링크 상태

a:link 초기화 시

a:hover 가리키기

a:active 활성화 시

a: 방문

방문 후

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

예시를 통해 자세히 설명드리겠습니다.

지속적인 학습

새로운 파일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX