CSS 底部边框问题

Question

我希望有人能给我一些建议，让我摆脱下面 nav 中右下角的三 Angular 形。保留底部边框和白色边框。谢谢!!

CSS 代码

#top-menu ul{
  width:100%;
  float:left;
  padding:0 0 10 0;
  color:#666666;
  margin-left:64.5%;
  margin-top:0px;
  list-style-type:none;
}

#top-menu ul a {
  float:left;
  text-decoration:none;
  color:#ffffff;
  background-color:#5aa1e3;
  padding:0.2em 0.9em;
  border-bottom: 3px solid #B2DEFC;
  border-right: 3px solid white;
}


#top-menu a:hover {
  background-color:#C957BB;   
}

这是我的 Fiddle

Answer 1

在 #top-menu ul a 中删除 border-right: 3px solid white; 并改用边距。

JsFiddle

CSS

#top-menu ul a {
  float:left;
  text-decoration:none;
  color:#ffffff;
  background-color:#5aa1e3;
  padding:0.2em 0.9em;
  border-bottom: 3px solid #B2DEFC;
  margin: 10px;
}