CSS设置连接<a>的样式
分类：实例代码
CSS设置连接<a>的样式属于前端实例代码，有关更多实例代码大家可以查看。
默认情况下，链接在没有点击和点击后的样式有所差别的，可以有效的区分链接是否已经被点击过。
下面介绍一下如何设置连接<a>的样式。
一.样式属性:
（1）.a:link：定义链接点击前的样式。
（2）.a:visited：定义链接点击后的样式。
（3）.a:active：定义链接被激活时的样式，也就是鼠标按下时的样式。
（4）.a:hover：定义鼠标悬浮于连接上时的样式。
二.代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<style type="text/css">
#thediv{
width:150px;
margin:0px auto;
}
a:link{color:red}
a:visited{color:blue}
a:hover{color:green}
a:active{color:yellow}
</style>
</head>
<body>
<div id="thediv"><a href="#">前端教程网</a></div>
</body>
</html>
以上代码可以设置连接四种状态的样式。
特别说明：设置样式属性的四个选择器顺序不能够改变。
CSS设置连接<a>的样式，这样的场景在实际项目中还是用的比较多的，关于CSS设置连接<a>的样式就介绍到这了。