您将使用伪元素和box-shadow属性来执行此操作.我在这里为你做了一个例子：

http://jsfiddle.net/joshnh/NWnXw/

这在IE9及以上工作.

/* Shadow */

.shadow {

box-shadow: 0 1px 5px hsla(0,0%,0%,.25),

inset 0 0 50px hsla(0,0%,0%,.05);

position: relative;

}

.shadow:after,

.shadow:before {

bottom: 7px;

box-shadow: 0 10px 15px hsla(0,0%,0%,.25);

content: '';

height: 50%;

left: 7px;

max-width: 300px;

position: absolute;

right: 7px;

z-index: -1;

-webkit-transform: skew(-15deg) rotate(-8deg);

-moz-transform: skew(-15deg) rotate(-6deg);

-ms-transform: skew(-15deg) rotate(-6deg);

-o-transform: skew(-15deg) rotate(-6deg);

transform: skew(-15deg) rotate(-6deg);

}

.shadow:after {

-webkit-transform: skew(15deg) rotate(8deg);

-moz-transform: skew(15deg) rotate(6deg);

-ms-transform: skew(15deg) rotate(6deg);

-o-transform: skew(15deg) rotate(6deg);

transform: skew(15deg) rotate(6deg);

}