css-仅在div标记的顶部生成阴影

我正在使用以下代码在div标记内生成阴影

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

但我在顶部和底部都有阴影。。我只希望阴影出现在顶部，而不是底部，如下图所示

我已经修改代码好几个小时了，但是什么都没有。。。我怎样才能做到这一点。谢谢。

像这样吗

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

像这样吗

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

有关更多实验，请访问

---

有关更多实验，请转到

您需要删除逗号后的部分

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

---

您需要删除逗号后的部分

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