做渐变的背景，要突破浏览器的限制，建议用图片做，先在PS 里面根据需要（纵向或横向）制作一张渐变的图片，然后，裁切成1px高或宽的条。
然后在设置背景的时候， 横向（repeat-x）或纵向平铺（repeat-y）就可以了。
如果是纵向渐变，就做竖条，横向平铺。横向渐变，就是做横条，纵向平铺就可以了。 就这么简单。
<div class=‘demo’ style='width:100pxheight:50px”></div>.demo{
box-shadow: -2px 0 0 green, //左边阴影
0 -2px 0 blue, //顶部阴影
0 2px 0 red, //底部阴影
2px 0 0 yellow//右边阴影
}
具体想要哪边 自己拿主意把，。代码都在这里了。还有测试的时候 注释去掉。，CSS里面的注释不是这样的，直接复制会报错
IE8不支持CSS3
你还可以试试 楼下的那位 使用border-bottom实现；
或者 你用两个DIV做；
