夨忆吧 关注:23贴子:84
  • 0回复贴,共1

【百度CSS】给超链接添加按钮效果

取消只看楼主收藏回复

关于这个效果大家应该在我的空间能够看到了,只要把鼠标移动到超链接上,它会自动往右下角下陷,呵呵,感觉不错吧 

下面的是代码: 

a:hover {position:relative; left:1px; top:1px; clip:rect()} 


只要把这个代码添加在第一行body{}的下面就可以了,这样整个页面的超链接都会有这个效果了 

下面是我对代码的解释: 
position:relative                      定位,就是设置当前对象所在的位置固定,以作后面参数的参考位置,relative 是设置对象不可层叠 
left:1px                                     距离左边间隔1px,这里的作用是相对于定位的位置右移1px 
top:1px                                     距离顶上间隔1px,这里的作用是相对于定位的位置下移1px 
clip:rect()                                 依据上-右-下-左的顺序提供自定位对象左上角为(0,0)坐标计算的四个偏移数值,这里的( )中留空,就是全部为0值,这里的作用就是指定left和top作用的坐标位置 

可能你们一下子很难理解这些属性的解释,呵呵,没关系的,反正不明白也不重要,我这个文章的主要作用是教大家做这个效果 

其实关于这个解释,我也是参考CSS来解释的,并作了说明,以方便大家理解,不过我觉得还是有点不容易理解,可是我也很难再说的简单明了了 

我只能说:你们看得懂就是看得懂,看不懂就是看不懂~~ 



1楼2007-08-05 08:40回复