连接的预设样式是蓝色,且有下划线。可是,有的时候,我们会想要改变一下这个预设的样式。这可以透过以下几个选择器来达成:
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
转载请注明出处!谢谢!
感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程