a标签的伪元素的应用——link,hover,visited,active

时间:2023-03-09 02:48:53
a标签的伪元素的应用——link,hover,visited,active

a标签应用中,一般有四个状态:

鼠标未移入前(link),鼠标移入时(hover),

鼠标点击时(active),鼠标点击后(visited)。

a标签的伪元素的应用——link,hover,visited,active

a标签的伪元素的应用——link,hover,visited,active

<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
body{
padding: 200px 0;
}
a {
font-size: 50px;
} /*未访问时*/
a:link {
color: green;
} /*已访问后*/
a:visited {
color: blue;
} /*鼠标浮上*/
a:hover {
color: red;
} /*正在点击*/
a:active {
color: yellow;
}
</style>
</head> <body>
<a href="https://www.baidu.com">aaa</a><br />
<a href="http://www.shenchang.com">wode</a><br />
<a href="https://www.qq.com">QQ</a><br />
<a href="https://www.qq.com">weixin</a>
</body> </html>