Html 删除引导下拉列表中的白线

我用bootstrap制作了一个导航栏，下拉菜单的顶部和底部都有一条白线。我希望整个下拉列表是相同的颜色，但似乎不知道如何摆脱白线。顺便说一句，我是一个初学者，这个导航条是直接从getboostrap复制粘贴的，所以如果有任何问题，请让我知道，谢谢！

这是我的HTML：

<nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#3d3d3d">
<a class="navbar-brand" href="https://marginedge.com/" target="_blank">
  <img src="navbarLogo.png" width="200">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item active">
      <a class="nav-link" href="#">Flow <span class="sr-only">(current) 
</span></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Map</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">EDI Tracker</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">D.C. Sales</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Zendesk</a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Client Facing
    </a>
      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        <a class="dropdown-item" href="#">Isabella</a>
        <a class="dropdown-item" href="#">Eggspectation</a>
        <a class="dropdown-item" href="#">Ford's</a>
        <a class="dropdown-item" href="#">Hard Rock</a>
        <a class="dropdown-item" href="#">Wendy's</a>
      </div>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Demos</a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Analyst
    </a>
      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        <a class="dropdown-item" href="#">IR Error Report</a>
        <a class="dropdown-item" href="#">Rec Error Report</a>
        <a class="dropdown-item" href="#">Quarterly Team Evaluations</a>
        <a class="dropdown-item" href="#">Data Fixer for Analysts</a>
      </div>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Redash</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Central Data Health Check</a>
    </li>
  </ul>
  <form class="form-inline my-2 my-lg-0">
    <input class="form-control mr-lg-2" type="search" size="40" placeholder="Search Redash Reports..." aria-label="Search">
    <button type="button" class="btn btn-outline-primary btn-lg">Search</button>
  </form>
</div>

---

在下拉菜单上添加

p-0

class。它将删除导致空白的填充

正文{
填充：0；
保证金：0；
}
导航{
宽度：100%；
}
李国荣{
填充物：5px10px；
字体大小：20px；
}
.下拉菜单a{
字体大小：15px；
颜色：#D6；
背景色：#3d3D；
}

搜寻

您更改了“下拉菜单a”的背景色，但没有更改“下拉菜单”本身的背景色。这意味着它仍然是默认颜色。当我更改“下拉菜单”的背景色时，它不会执行任何操作。只有当我把它放在“下拉菜单a”中时，背景颜色才会真正改变。选择正确的元素是改变属性的关键。在空白处单击鼠标右键并检查元素。在那里，它应该告诉您元素及其属性。您是否有URL或它是本地托管的？我这么问只是因为如果我们能检查你的元素，我们中的一些人可以提供更多帮助。通常这是由两个不同的因素造成的，1）在ul级别上有一个填充顶部/填充底部。2） 您正在更改列表项或“li”的背景，但没有在ul级别更改它。我找到了答案。只需在“div class=下拉菜单”行中添加“style=背景色”。谢谢大家的帮助！

body{
padding: 0;
margin: 0;
}
nav {
width: 100%;
}
nav ul li{
padding: 5px 10px;
font-size: 20px;
}
.dropdown-menu a{
font-size: 15px;
color: #d6d6d6;
background-color: #3d3d3d;
}