border - 在顶部复制底部的盒子阴影

Question

我在让 CSS3 box-shadow 看起来正确时遇到问题。

我目前在我的内容包装器上有一个盒子阴影，如下所示：

边框：1px 实心#D5D5D5；
边框半径：3px 3px 3px 3px；
盒子阴影：0 0 2px #DADADA，0 -3px 0 #E6E6E6 插图；

我希望盒子阴影出现在内容框的顶部，就像它出现在盒子底部一样。我似乎无法做到正确。

Answer 1

不确定我是否清楚您要做什么，但是如果第二个在底部正常工作，如何为顶部添加第三个阴影：

box-shadow: 0 0 2px #000, 0 -3px 0 #E6E6E6 inset, 0 3px 0 #E6E6E6 inset;

或者用第三个阴影替换第二个阴影，如果你想在顶部而不是底部插入阴影：

box-shadow: 0 0 2px #000, 0 3px 0 #E6E6E6 inset;