复习-css常用伪类别属性

Marshal Zheng

于 2018-04-02 10:47:00 发布

阅读量388

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/zysps1/article/details/87910578

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了CSS中针对<a>标签的四个常用伪类别属性：a:link、a:visited、a:hover 和 a:active，并通过实例展示了如何利用这些属性为网页超链接制作动态效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复习-css常用伪类别属性

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>

posted @ 2018-04-02 10:47 Edge_of_Eternity 阅读(...) 评论(...) 编辑收藏