css - 如何仅使用以下 css 在底部添加一个框阴影？

Question

我有以下CSS代码:

     box-shadow: 0px 1px 5px #888;
    -moz-box-shadow: 0px 1px 5px #888;
    -webkit-box-shadow: 0px 1px 5px #888;

如何才能只显示底部边框。我有一个模糊半径，所以不确定要更改什么或添加到上面的代码段。

Answer 1

根据模糊半径减小扩散距离(即扩散距离需要补偿模糊的增加)。不要忘记调整偏移量以补偿价差的减少。

box-shadow: 0px 4px 5px -3px #888;

http://jsfiddle.net/p469p/

你也只需要box-shadow。 Mozilla 和 Webkit 已经支持它 for a long time .

有关更多信息，请参阅 drop shadow only bottom css3