类别：HTML / 日期：2019-12-02 / 浏览：201 / 评论：0
我们可以以差别的要领为链接设置款式。
设置链接的款式 ( 引荐进修：CSS入门教程 )
可以设置链接款式的 CSS 属性有很多种（比方 color, font-family, background 等等）。
链接的特殊性在于可以依据它们所处的状况来设置它们的款式。
链接的四种状况：
a:link - 一般的、未被接见的链接
a:visited - 用户已接见的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时候
实例
<!DOCTYPE html>
<html>
<head>
<style>
a:link {color:#FF0000;} /* 未被接见的链接 */
a:visited {color:#00FF00;} /* 已被接见的链接 */
a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */
a:active {color:#0000FF;} /* 正在被点击的链接 */
</style>
</head>
<body>
<p><b><a href="/index.html" target="_blank">这是一个链接</a></b></p>
<p><b>解释：</b>为了使定义见效，a:hover 必需位于 a:link 和 a:visited 以后！！</p>
<p><b>解释：</b>为了使定义见效，a:active 必需位于 a:hover 以后！！</p>
</body>
</html>
当为链接的差别状况设置款式时，请根据以下序次划定规矩：
a:hover 必需位于 a:link 和 a:visited 以后
a:active 必需位于 a:hover 以后
以上就是CSS怎样设置链接款式的细致内容，更多请关注ki4网别的相干文章！
版权声明 : 本文未使用任何知识共享协议授权，您可以任何形式自由转载或使用。
