超链接样式[通俗易懂]

(49) 2023-06-09 19:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说超链接样式[通俗易懂],希望能够帮助你!!!。

Css超链接样式的各属性的顺序不能颠倒,这个顺序非常重要。css中关于超链接的四个属性一般正常顺序为:linkvisitedhoveractive,即
a:link           链接平常的状态
a:visited      链接被访问过之后
a:hover       鼠标放到链接上的时候
a:active       链接被按下的时候
以下为点过链接后,链接字体变为红色的示例:
/* 定义超链接的样式 */
a:link { color:#dd3409;text-decoration:none; font-size:13px; }
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }

 

上一篇

已是最后文章

下一篇

已是最新文章

发表回复