Css 阴影框仅适用于容器的内部框

我使用的是长方体阴影，但它会使整个容器都被阴影包裹起来，如何仅在顶部中间的长方体内部生成阴影？

您是否尝试过插入，这将在元素内部生成阴影

.shadow{
box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
}

---

嗨，欢迎来到StackOverflow。当你提出问题时，看看你已经尝试了什么会很有帮助，这样人们就不会重复努力，你的问题也不会被否决或标记。另外，看看MDN:上的文档，这样你就可以了解更多关于如何使用box shadow的知识。