css - 仅在div标签之上制作阴影

Question

我使用以下代码在div标签内制作阴影..

box-shadow: inset 0 10px 10px -10px #000 , inset 0 -10px 10px -10px #000;

但是我在顶部和底部都有阴影..我只希望阴影出现在顶部，而不是像下图那样的botton ......

我一直在修补这些代码几个小时，但没有......我怎么能这样做。感谢。

Answer 1

喜欢这个吗？

box-shadow: inset 0 10px 20px -15px #000;

<强> DEMO

Answer 2

您需要删除逗号后的部分。

box-shadow: inset 0 10px 10px -10px #000;

http://jsfiddle.net/9LzV4/

Answer 3

-webkit-box-shadow:inset 0 3px 5px 0 #E3E3E3;
box-shadow:inset 0 3px 5px 0 #E3E3E3;

如需更多实验，请转至css3 generator

Answer 4

-webkit-box-shadow: inset 0px 6px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.75);

Demo