阴影框仅适用于容器的内盒

Question

我正在使用box-shadow，但它会使整个容器包裹着阴影，我怎么才能在内部（顶部中心）框中制作阴影？

Answer 1

你是否尝试过INSET，这会在元素内部产生阴影。

.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;
}