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;