css 链接

2018年04月27日 10:23 | 2341次浏览 作者原创 版权保护

连接的预设样式是蓝色,且有下划线。可是,有的时候,我们会想要改变一下这个预设的样式。这可以透过以下几个选择器来达成:

a:link: 设定当连接过去的网页尚未被看过时,该连接的样式。

a:visited: 设定当连接过去的网页已经看过时,该连接的样式。

a:hover: 设定当滑鼠盖在连接上面时,该连接的样式。

a:active: 设定当连接被点击时,该连接的样式。


让我们来看看以下的样式:

a:link {color:#FF0000; text-decoration:none;} 

a:visited {color:#0000FF; text-decoration:none;} 

a:hover {font-size:20; color:#00FF00; text-decoration:underline;} 

a:active {color:#FF00FF; text-decoration:underline;}

以上样式的意思为: 

1) 一开始时,连接文字的颜色是红色。 

2) 一但被连接的页面有被看过,连接文字颜色就变为蓝色。 

3) 当滑鼠盖在连接上面时,文字大小变为 20,文字颜色变为绿色,而且下划线会出现。 

4) 当连接被点击时,文字颜色变为粉红色,而且下划线不会消失。

请将您的滑鼠滑到以下的 『测试连接』上,您就可以看到以上样是出现。

測試連接



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/867.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程


上一篇:初始化 Spark 下一篇:vue 模板
^