需要创建自定义框阴影效果

Question

我有两个div，只需要使用CSS添加一个框阴影效果。但我只是不想把它应用到div的每一边，我不想把效果应用到div底部。但我找不到方法。有人能帮忙吗？

Answer 1

试试这个，使用CSS属性box-shadow: 0px -10px 10px #888888;

属性box-shadow:x-offset y-offset blur color的详细信息

#example {
border: 1px solid;
padding: 10px;
box-shadow: 0px -10px 10px #888888;
}

<h2>box-shadow</h2>
<div id="example">
<p>blurred</p>
</div>