css - 影盒仅适用于容器内盒

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