css 单边阴影

今天在写CSS时，设计稿上有一个单边渐变阴影的效果，方块元素上部有个阴影渐变。

我第一时间想到的方式是用box-shadow解决。写上 box-shadow:inset 0 2px 5px 0 #000; 最终展示的效果，发现在左右两侧也有阴影效果。

网上查了下，似乎是个不好解决的方法。

于是，我用了另一个解决方法，

在块元素顶部，放置了一个div，div的背景用上渐变效果。展示出来的效果就和 设计稿一致了。