下面介绍一个有意思的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; }
可以再修改它的一些属性来实现符合自己网站的风格样式。