问题与HTML导航栏边框

Question

导航栏有我一直在玩弄几个小时底部边框，我无法弄清楚如何摆脱它：

我稍微感到困惑哪一类，这属于下：

.navbar{ 
 
    background: transparent; 
 
} 
 

 
.navbar-header, .navbar-right > li > a{ 
 
color: white; 
 
font-family: 'Robato', sans-serif; 
 
font-size: 20px; 
 
line-height: 20px; 
 
padding: 20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<nav class="navbar"> 
 
<div class="container-fluid"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header navbar-brand row"> 
 
    <div class="col-sm-1"> 
 
     <a href="index.html"> 
 
     <img id="logo" src="images/badge.png"> 
 
     </a> 
 
    </div> 
 
    <div class=" col-sm-5 text-left text-uppercase" id="headtext"> 
 
     Chicago Chapter of Delta Upsilon Fraternity 
 
    </div> 
 
    </div> 
 

 
    <div class=""> 
 
    <ul class="nav navbar-nav navbar-right"> 
 
     <li><a href="index.html">Home</a></li> 
 
     <li><a href="about.html">About</a></li> 
 
     <li><a href="leadership.html">Leadership</a></li> 
 
    </ul> 
 
    </div><!-- /.navbar-collapse --> 
 
</div><!-- /.container-fluid -->

Answer 1

，我能够看到边框底部锚标记。因为你可以使用。这是你的小提琴所了解的。

ul li a 
{ 
    text-decoration:none; 
}