如何在CSS中的灰色和模糊的标题下添加阴影

Question

我想知道如何在页眉下面制作一个灰色和模糊的阴影。我读过W3学校的一篇关于这方面的文章，但我希望它只在我的标题下方和水平方向，同时使其模糊和灰色。

#header {
/*In This Line- CSS for Box Shadow*/
position:fixed
}

<header id="header">
My Header
<!-- Shadow -->
</header>

Answer 1

#header {
/In This Line- CSS for Box Shadow/
position:fixed;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

<header id="header">
My Header
<!-- Shadow -->
</header>

Answer 2

试试这个：

box-shadow: 0px 20px 40px 10px #aaa;