用CSS实现立体感的实用边框效果

一个好效果。用border实现的，目前为止还没有在其他地方有介绍用border实现这类效果的文章。所以俺就把这个效果发上来跟大家分享一下。
说明一下：因为这个效果我是应用在博客里的，在文章的内容里预先定义图象的样式，以后发文章就不用单独的手工去处理图片，或是还单独用PS去处理图片图个方便。所以下面大家看我的在css 样式中我的定义的 名字是#one img与#content img
CODE：
--------------------------------------------------------------------------------------------------------------------------
   
   
   
   说明：第一张图是没有任何效果的原图，第二张图是直接定义一个border后的常规效果，第三张是定义了三次border后的效果，仔细看第三张图，比第二张多了一点立体效果。关键就在于后面两次定义的border，如果想要立体效果更明显些，只需要把后面两次定义的border的颜色改一下。这个效果是在IE6.0里发现的，其他浏览器是否也是这个效果就不清楚了
--------------------------------END------------------------------------------------

文件:
1.zip
大小:
6KB
下载:
下载