<a> 标记的属性
a:link : 超链接的普通样式风格，即正常浏览状态的样式风格
a:visited : 被单击过的超链接的样式风格
a:hover : 鼠标指针经过超链接上时的样式风格
a:active : 在超链接上单击时，即"当前激活"时，超链接的样式风格

css 就是通过以上4个伪类别，再配合各种属性风格制作出千变万化的动态超链接效果！

首先跟所有HTML页面一样，建立最简单的菜单结构，直接采用<a>标记排列的形式，代码如下：

首页
产品
案例
关于我们
联系我们
人才招聘


此时页面已经有最基本的效果

然后对<a>标记进行样式表的控制，加入css的3个伪属性。对于普通超链接和单击过的超链接采用同样的样式风格，并且利用边框的样式模拟按钮效果。而对于鼠标指针经过时的超链接，相应的改变文字颜色、背景色、位置和边框，从而模拟出按钮凹凸感效果！

点击这里查看最终效果