Question

css 边框阴影 （部分阴影 如图）怎么实现？

Answer 1

.shadow {
-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cccccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cccccc');
}
颜色自己调，ie效果不太好

当然兼容所有的解决方案就是用背景图片

Answer 2

改变四条边的像素，如上面边的像素和左边边的像素一样为1xp，下面边的像素和右边边的像素一样为2xp就会出现阴影啦！！

Answer 3

竖着切，切一像素的图片。做背景循环就可以了。