a标签的伪类
2016-11-28 本文已影响0人
洛洛kkkkkk
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签的伪类</title>
<style type="text/css">
/*在需要a标签多种太壮的时候，一定要注意顺序
link->visited->hover->active
在不需要某种状态的时候，可以不写*/
/*link 未点击的链接*/
a:link{
color: black;
}
/*visited 鼠标点击过的链接*/
a:visited{
color: gray;
}
/*hover 鼠标放上去之后的链接*/
a:hover{
color: green;
display: block;
height: 100px;
width: 200px;
background-color: palegreen;
}
/*active 鼠标按下去的链接*/
a:active{
color: yellow;
}
</style>
</head>
<body>
<a href="#">章节目录</a>
<a href="#">第一章</a>
<a href="#">第二章</a>
</body>
</html>
