如何使用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; 
}