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

【问题标题】：Full screen white navbar underline? HTML/css全屏白色导航栏下划线？ HTML/CSS
【发布时间】：2016-07-25 10:18:09
【问题描述】：

我想像下面的例子一样复制下划线：

我只是打算使用基本的彩色下划线，但我无法做到如此细，或完美定位在导航栏下方，实现此目的的最佳方法是什么？

【问题讨论】：

【解决方案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>

【讨论】：