复习-css常用伪类别属性

时间:2021-11-09 04:53:49

css常用伪类别属性

对<a>标签可制动态效果的css

a:link:超链接的普通样式

a:visited:被点击过的超链接样式

a:hover:鼠标指针经过超链接上时的样式

a:active:在超链接上单击时,既“当前激动“时超链接的样式

<style>
.charal{
font-size:15px;
background-color:#90bcff;
width:600px;
}
.charcl td{
text-align:center;
}
a:link{
color:#005799;
text-decoration:none;
a:visited{
color:#000000;
text-decoration:none;
}
a:hover{
color:#FFFF00;
text-decoration:underline;
}
a:active{
color:#FF0000;
text-decoration:underline;
}
</style> <body>
<table class = "charal">
<tr>
<td><a href = "#">首页</a></td>
<td><a href = "#">心情日记</a></td>
<td><a href = "#">纸飞机</a></td>
</table>
</body>