a:link { color: blue; text-decoration: underline; font-weight: bold; }
上面的CSS代码表示未被访问的链接将会显示蓝色、下划线,并且加粗。这些效果会在浏览器访问链接之前生效。
如果要定义已被访问的链接,可以使用下面的CSS代码:
a:visited { color: purple; }
上面的CSS代码将已被访问的链接显示为紫色。这个效果只有在浏览器访问链接后才会生效。
最后,如果要定义鼠标移动到链接上时的效果,可以使用下面的CSS代码:
a:hover { color: red; }
上面的CSS代码将鼠标移动到链接上时的效果显示为红色。
需要注意的是,定义未被访问的链接时要放在已被访问的链接和鼠标移动到链接上时的效果之前,这样可以确保未被访问的链接样式能够正确地生效。