如何实现超链接类似按钮陷下的效果?_Div+CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  
  超链接的hover状态,通常可以改变颜色,增加或去除下划线等效果来提醒访客。我们也看到过有一些文字链接,当鼠标移上去时(hover状态)产生位移,类似于按钮陷下的效果,这该如何实现呢?


  图片的按钮陷下效果制作原理是一样的。我们看下面的代码:

示例代码 [www.mb5u.com]
position: relative; top:1px; left:1px;

  这段代码的含义为,相对定位,距上部位移1象素,距左部位移1象素。我们可以将上面的代码加入到超链接的hover状态中,就实现了类似按钮陷下的效果。

  我们看下面的实例:

div css xhtml xml 代码调试框 代码调试框 [www.mb5u.com]

[ 可先修改部分代码 再运行查看效果 ]

 

来源:无忧整理//所属分类:Div+CSS教程/更新时间:2007-01-20
相关Div+CSS教程