Re:新手:链接后字体颜色问题 在线等...
浏览器默认的链接样式是深蓝色带下滑线,需要做简单的链接色修改。
- 代码 复制 - 运行
a:link, a:visited {color:Red;text-decoration:none;}
a:hover, a:active {text-decoration:under-line;}
a:hover, a:active {...}这里从上一个规则继承属性,如果相同的无需重复设置.常见的属性为颜色color,无下划线text-decoration:none; 下划线text-decoration:under-line;
一般的数量较多新闻列表需要,通常需要设置访问过的链接的颜色,以区别没有阅读过的链接,这样可以给用户带来跟多方便。这样需要单独设置a:visited的样式。需要考虑低版本浏览器的兼容性。顺序需要是LoVeHAte
- 代码 复制 - 运行
a:link {color:Red;text-decoration:none;}
a:visited {color:gray;text-decoration:none;}
a:hover, a:active {text-decoration:under-line;}
:link, :hover, :active 分别表示连接的常规状态,鼠标悬停状态,激活状态,这样的组合通常用在按钮效果上,图片提供三种以上的状态。然后使用背景图片定位来实现。
- 代码 复制 - 运行
a {
display:block;
width:32px;
height:32px;
text-indent:-99em;
background: url(button.gif) no-repeat;
}
a:hover {
background-position: 0 -32px;
}
a:active {
background-position: 0 -64px;
}