当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS资料之链接样式代码实例

CSS资料之链接样式代码实例

2018年04月02日  | 移动技术网IT编程  | 我要评论

◆ 链接伪类

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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网