复制框阴影为底部在顶部

Question

我在让CSS3框阴影看起来正确时遇到问题。

我当前的内容包装上有一个框阴影，如下所示：

边框：1px实心#D5D5D5<边界半径：3px 3px 3px 3px<框阴影：0 0 2px#DADADA，0-3px 0#e6e6插入；

我希望框阴影显示在内容框的顶部，确切地说，它是如何显示在框的底部的。我只是觉得我做得不对。

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;