如何使用CSS :link 选择器

时间:2026-02-14 15:28:39

1、代码的应用实例。我们通过这个实例也可以判断,它给了链接一个样式的定义。

a:link{ background-color:yellow;}

如何使用CSS :link 选择器

2、现在主流浏览器都支持这样的一个链接 代码。

如何使用CSS :link 选择器

3、一个完整的代码使用流程。从这个流程我们就可以看见,这个a:link是如何发生作用的。

<style>

a:link

{

background-color:yellow;

}

</style>

</head>

<body>

<a href="**">we</a>

如何使用CSS :link 选择器

4、CSS :visited 选择器,这个代码使用在已经点击过的链接上面。

a:visited{ background-color:yellow;}

如何使用CSS :link 选择器

5、CSS :active 选择器,这个代码代表正在跳转的一个链接的样式。

a:active{ background-color:yellow;}

如何使用CSS :link 选择器

6、CSS :hover 选择器,这个代码表示 鼠标位于链接之上时,链接的一个状态!

a:hover{ background-color:yellow;}

如何使用CSS :link 选择器

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com