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

问题描述

我想找出如何在我的页眉下面制作一个既灰色又模糊的阴影。我已经读过W3 Schools article，但我希望它仅在标题和水平下方，同时使其变得模糊和灰色。

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

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

解决方法

尝试一下：

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

,

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

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