前端优
我用我的双手去成就我的梦想,我将遵循此道直至终结!
首页 > html+css >正文

a标签在css中的四个状态

发布时间:2024-07-19 17:44 作者:一友画

a标签在css中的四个状态,分别为:a:link -> a:hover -> a:active -> a:visited

a:link -> 未访问链接

例子:

a:link{color: blue;}
a:hover -> 鼠标移到链接上时

例子:

a:hover{color: green;}
a:active -> 点击鼠标时(鼠标移到到a标签链接并按下鼠标左键的那一刻)

例子:

a:active{color: yellow;}
a:visited -> 已访问过的链接

例子:

a:visited{color: red;}
注意:书写顺序,按下面的顺序书写,否则,显示效果可能有差错
a:link{color: blue;}
a:visited{color: red;}
a:hover{color: green;}
a:active{color: yellow;}

以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!