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

Question

我想创建使用CSS的盒子阴影，但只在盒子的特定区域。

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

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

Answer 1

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

Answer 2

你可以尝试这样的事情：

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