使用CSS，链接可以以不同的方式样式。
文本链接 文本链接 链接按钮 链接按钮样式化链接
链接可以与任何CSS属性（例如设置样式color ， font-family ， background等）。
此外，链接可以不同，这取决于他们是在什么状态风格。
这四个链接状态是：
-
a:link-正常，未访问链接 -
a:visited-一个链接的用户访问过 -
a:hover-一个链接时，在它的用户鼠标 -
a:active-一个链接目前它被点击
例
/* unvisited link */
a:link {
color: red;
}
/* visited
link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: hotpink;
}
/* selected link */
a:active {
color: blue;
} 试一试» 当设置好链路状态的风格，也有一些规程规定：
- a:hover必须出现在a:link ，并a:visited
- a:active必须出现在a:hover
文本修饰
该text-decoration属性主要用于从链接中删除下划线：
例
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
} 试一试» 背景颜色
的background-color属性可以用于指定链接背景色：
例
a:link {
background-color: yellow;
}
a:visited {
background-color: cyan;
}
a:hover {
background-color: lightgreen;
}
a:active {
background-color: hotpink;
}
试一试» 高级 - 链接按钮
这个例子表明，我们结合几个CSS属性显示的链接，盒/按钮更高级的例子：
例
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
} 试一试» 
更多示例
加入不同风格的超链接
这个例子演示了如何将其他样式添加到超链接。
高级-创建边框的链接按钮
如何创建链接框/按钮另一个例子。