CSS怎么设置链接样式

2024-01-18 10:41 小编

　能够设置链接样式的CSS属性有很多种（例如color,font-family,background等等）。

　　链接的特殊性在于能够根据它们所处的状态来设置它们的样式。

　　链接的四种状态：

　　a:link-普通的、未被访问的链接

　　a:visited-用户已访问的链接

　　a:hover-鼠标指针位于链接的上方

　　a:active-链接被点击的时刻

　　实例

<!DOCTYPEhtml>

<html>

<head>

<style>

　　a:link{color:#FF0000;}/*未被访问的链接*/

　　a:visited{color:#00FF00;}/*已被访问的链接*/

　　a:hover{color:#FF00FF;}/*鼠标指针移动到链接上*/

　　a:active{color:#0000FF;}/*正在被点击的链接*/

</style>

</head>

<body>

<ahref="/index.html"target="_blank">这是一个链接</a>

注释：为了使定义生效，a:hover必须位于a:link和a:visited之后！！

注释：为了使定义生效，a:active必须位于a:hover之后！！

</body>

</html>

　　当为链接的不同状态设置样式时，请按照以下次序规则：

　　a:hover必须位于a:link和a:visited之后

　　a:active必须位于a:hover之后

Tag：怎么

联络方式：

微信二维码

您感兴趣的内容