a标签背景或字体颜色变色实现

这些天在做一个网站，不时会遇到些CSS样式方面的问题。在逛学校论坛时，发现了这样的样式：
觉得不错，想做出它这样的效果。用浏览器查看了下源代码发现是用a标签做的链接，只是看不到CSS样式代码。解释下，默认情况下，“全部”是灰色底，蓝色字，蓝色边框，意思是被选中；当鼠标移到其他标签，比如“招领”时，这个标签的样式改变，从“白色底，黑色字，灰色边框”变成“灰色底，蓝色字，蓝色边框”。
其实，实现起来也很简单。a标签按状态划分，有4种状态：link,visited,hover,active。解释下4种状态：

• a:link - 普通的、未被访问的链接
• a:visited - 用户已访问的链接
• a:hover - 鼠标指针位于链接的上方
• a:active - 链接被点击的时刻

这里，可以根据a标签处的状态来设置不同的样式。为了实现我想要的效果，在link和visited状态，将a标签的样式设置成“白色底，黑色字，灰色边框”；在hover和active状态，将a标签的样式设置成“灰色底，蓝色字，蓝色边框”。
当然，除了背景颜色和字体