您当前的位置是:首页-HTML教程

关于A标签样式问题

【发表于】:2010/10/30 11:12:00  已被访问:91次

a:link: a:visited:a:active: a:hover: 
 

a:link{
    font-size: 12px;
    line-height: 18px;
    color: #6A4600;
    letter-spacing: 0.1em;
    text-decoration: none;
}
a:visited {
    font-size: 12px;
    line-height: 18px;
    color: #6A4600;
    letter-spacing: 0.1em;
    text-decoration: none;
}
a:hover {
    font-size: 12px;
    line-height: 18px;
    color: #6a4600;
    letter-spacing: 0.1em;
    text-decoration: underline;
}
a:active {
    font-size: 12px;
    line-height: 18px;
    color: #6A4600;
    letter-spacing: 0.1em;
    text-decoration: none;
}

A:hover,A:visited 和A:active的区别:

A:link {text-decoration:none;color:#00ffff;}
A:visited {text-decoration:none;color:#0000ff;}
A:hover {text-decoration:underline;color:#ffff00;}

A:active {text-decoration:underline;color:#ff0000;}
定义顺序不能颠倒。

大家都知道A:link是超文本链接的属性,即连接的原始状态。A:visited是超连接访问后的状态。A:hover是盘旋状态即鼠标放上去的状态,那A:active是什么状态呢?他也是访问后的状态,不过他与A:visited有区别,他指刚访问过的状态,如果把刚访问过的网页关了,再打开就变成visited状态了,而不是active状态了。

 
上下篇: 列表框实例 HTTPS的3种实现方法

最新推荐信息