CSS资料之链接样式

宅羽

于 2018-03-22 20:55:07 发布

阅读量144

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css

本文链接：https://blog.youkuaiyun.com/sky6even/article/details/79659782

CSS 专栏收录该内容

6 篇文章

订阅专栏

◆ 链接伪类

a:link{属性:值;}       链接默认状态   
a:visited{属性:值;}    链接访问之后的状态 
a:hover{属性:值;}      鼠标放到链接上显示的状态    
a:active{属性:值;}     链接激活的状态
：focus{属性:值；}      获取焦点

a:link{属性:值;} 与a{属性:值}效果是一样的。

示例：

<head>
    <style type="text/css">
        a{
            color: red;
        }
        a:visited{
            color: green;
        }
        a:hover{
            color: yellow;
        }
        a:active{
            color: pink;
        }
    </style>
</head>
<body>
    <a href="#">纸上得来终觉浅</a>
</body>