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

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">产品</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</nav>

nav {
  background-color: #ffffff; /* 设置背景颜色为白色 */
  width: 100%; /* 设置宽度为100% */
}

ul {
  list-style-type: none; /* 去除列表的默认样式 */
  margin: 0;
  padding: 0;
}

li {
  display: inline-block; /* 将列表项水平排列 */
}

a {
  display: block;
  padding: 10px 20px; /* 设置链接的内边距 */
  text-decoration: none; /* 去除链接的下划线 */
  color: #000000; /* 设置链接的字体颜色为黑色 */
}

a:hover {
  border-bottom: 2px solid #000000; /* 鼠标悬停时添加下划线效果 */
}