您现在的位置: 九一天空网 >> 教育 >> 教程 >> 动易 >> 正文

  • 巧用CSS设计超链接的按钮样式


    www.91sky.net  加入时间:2007-10-19   点击数:   来源:动易

下面介绍一个有意思的CSS设计的实现效果,大家可以仿照下

1、3D效果的按钮,先看下图:

 

大家以为这里是个按钮吧,其实这里是用CSS来实现的一个超链接,下面给出CSS代码:
a{ display: block; border: 1px solid; border-color: #aaa #000 #000 #aaa; width: 8em; background: #fc0; }

a:hover{ position: relative; top: 1px; left: 1px; border-color: #000 #aaa #aaa #000; }

可以再修改它的一些属性来实现符合自己网站的风格样式。

 

  • 相关 巧用CSS设计超链接的按钮样式 的文章:

网友看法

数据载入中,请稍后……
发表评论
昵 称: 邮 箱:
评 分:
内 容:
0/5000)

九一天空网提示:Alt+S快速发表