欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-26 11:40:17
◆ 链接伪类 a:link{属性:值;} 链接默认状态 a:visited{属性:值;} 链接访问之后的状态 a:hover{属性:值;} 鼠标放...

◆ 链接伪类

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>