SOURCE

<ul class="navigation">
  <li><a href="#">Home</a></li>
  <li><a href="#">Pizza</a></li>
  <li><a href="#">Music</a></li>
  <li><a href="#">Wombats</a></li>
  <li><a href="#">Finland</a></li>
</ul>

.navigation{
padding:0;
font-size:20px;
width:100%;
margin:0;
}
li{
display:inline;
}

a{
  width:18.5%;
  text-align:center;
  display:inline-block;/* 没有该行，则链接的背景显示不满*/
  marging-right:0.625%;
  text-align:center;
  text-decoration:none;
  line-height:3;
}
 a:link,a:visited,a:focus{
  background-color:yellow;
}

 a:hover{
  background-color:orange;
}
 a:active{
  background:red;
  color:white;
}

li:last-child a{
margin-right:0;
}