控制超链接样式
链接的四种状态：
- a:link - 普通的、未被访问的链接
- a:visited - 用户已访问的链接
- a:hover - 鼠标指针位于链接的上方
- a:active - 链接被点击的时刻
去除CSS超链接下划线
a:link {text-decoration: none}
a{
#取消所有样式
text-decoration: none;
}
text-decoration还有以下几种取值：
- none 默认。定义标准的文本。
- underline 定义文本下的一条线。
- overline 定义文本上的一条线。
- line-through 定义穿过文本下的一条线。
- blink 定义闪烁的文本。
- inherit 规定应该从父元素继承 text-decoration 属性的值。
去掉下滑线，也就是将text-decoration的值设为 none；如果想要再加上下划线，那就将text-decoration值设为underline；还有其它的几种情况就自己试一下。
链接框
<!DOCTYPE html>
<html>
<head>
<style> a:link,a:visited { display:block; font-weight:bold; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none; } a:hover,a:active { background-color:#7A991A; } </style>
</head>
<body>
<a href="/index.html" target="_blank">click me</a>
</body>
</html>