CSS教程之：CSS链接
在本章我们将学习如何通过CSS设置超链接的各种属性。 你可以设置超链接的如下属性： a:link : 指定未访问链接的属性 a:visited : 指定已访问链接的属性 a:hover : 指定鼠标悬停在链接上时的
在本章我们将学习如何通过CSS设置超链接的各种属性。
你可以设置超链接的如下属性：
需要注意的是：a:hover必须放在a:link和a:visited之后才能起作用，:active必须放在a:hover之后，
例如，我们可以这样定义：
下面我们看一些实际的例子。
设置链接颜色：
在下面的示例中，链接的颜色是黑色:
你可以设置超链接的如下属性：
- a:link : 指定未访问链接的属性
- a:visited : 指定已访问链接的属性
- a:hover : 指定鼠标悬停在链接上时的属性
- a:active : 指定正在单击的链接的属性
需要注意的是：a:hover必须放在a:link和a:visited之后才能起作用，:active必须放在a:hover之后，
例如，我们可以这样定义：
<style type="text/css">
a:link {color: #000000}
a:visited {color: #006600}
a:hover {color: #FFCC00}
a:active {color: #FF00CC}
</style>下面我们看一些实际的例子。
设置链接颜色：
在下面的示例中，链接的颜色是黑色:
<style type="text/css">
a:link {color:#000000}
</style>
<a href=”http://web.kingyar.com“ target="_blank">Black Link</a>设置已访问链接的颜色：
在下面的示例中，单击过链接之后，链接的文字就会变成绿色:
<style type="text/css">
a:visited {color: #006600}
</style>
<a href="http://web.kingyar.com" target="_blank">Click this link</a>
当鼠标放在链接上之后改变颜色：
在下面的示例中，将鼠标放在链接上，链接的文字就会变成黄色:
<style type="text/css">
a:hover {color: #FFCC00}
</style>
<a href="http://web.kingyar.com" target="_blank">Bring Mouse Here</a>
设置活动链接颜色：
在下面的示例中，点击页面上的链接时，链接会改变颜色:
<style type="text/css">
a:active {color: #FF00CC}
</style>
<a href="http://web.kingyar.com" target="_blank">Click This Link</a>- 上一篇：CSS教程之：CSS图片
- 下一篇：CSS教程之：CSS表格
精彩图集
精彩文章