底部复制框阴影

Question

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

我目前在内容包装器上有一个box-shadow，如下所示：

border：1px solid＃D5D5D5;
border-radius：3px 3px 3px 3px;
box-shadow：0 0 2px #DADADA，0 -3px 0＃E6E6E6 inset;

我希望框阴影显示在内容框的顶部，确切地说它出现在框底部。我似乎无法做对。

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;