如何使用CSS在特定区域添加框阴影？

Question

我想使用CSS创建框阴影，但仅限于框的特定区域。

如上面的屏幕截图所示，我在网站上有蓝色标题，并且我想在特定位置添加阴影，如红色框突出显示。

我猜测使用psuedo元素：在标题div之后应该可以工作，但我不知道如何添加具有特定样式的阴影。我的意思是，如果你注意到，左右两侧的阴影都是模糊的。

Answer 1

你可以参考像http://www.cssmatic.com/box-shadow这样的css影子生成器网站来为特定区域制作阴影。希望这可以帮到你。 谢谢。

Answer 2

您可以尝试这样的事情：

div {
    width: 300px;
    height: 1px; 
    position:relative;
    margin-top:-1px;
    box-shadow: 10px 10px 5px #888888;
}