全屏白色导航栏下划线？ HTML / CSS

Question

我想复制下划线，如下例所示：

我只是想使用一个基本的彩色下划线，但我不能得到那么薄，或者在导航栏下完美定位，实现这一目标的最佳方法是什么？

Answer 1

您可以使用border-bottom。这是一个例子。

* {
  margin: 0;
  padding: 0;
}
body {
  background-color: black;
}
.nav {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
}

<div class="nav">

</div>