链接伪类:a标签的状态值
a:link{属性:值;} 和 a{属性:值;}效果相同
1.链接状态样式表
写法 | 解释 |
---|---|
a:link{属性:值;} | 链接默认状态 |
a:visited{属性:值;} | 链接访问之后显示的状态 |
a:hover{属性:值;} | 鼠标放到经过链接上显示的状态 |
a:active{属性:值;} | 链接激活的状态(鼠标放在链接上不松手时的状态) |
:focus{属性:值;} | 获取焦点 |
※如果这几个链接伪类搜书写,则按顺序书写。
<head>
<style type="text/css">
a:link{
color:red;
}
a:visited{
color:green;
}
a:hover{
color:yellow;
text-decoration: underline;
}
a:active{
color:pink;
}
</style>
</head>
<body>
<a href="#">人民</a>
</body>
2.文本修饰
text-decoration: none(没有下划线) | underline (有下划线) | line-through(删除线)