如何使用 CSS 在导航栏下添加阴影？

Question

我绝对是 HTML 和 CSS 的初学者，所以我认为这对你们中的一些人来说可能听起来很容易。

我一直在寻找一种方法来为导航栏添加一个简单的阴影，就像codecademy.com/上的那个添加到我预先存在的导航栏上。我在下面的 codepen 中包含了它的 HTML 和 CSS：

[https://www.codepen.io/CodingAddict/pen/QWbmBVQ][2]

Answer 1

向您的导航栏添加一个框阴影。不是站点标题。

nav {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}