<style>
.navy{
display:inline-block;
width:60px;
color:#000;
font-family:trebuchet ms;
font-size:9px;
text-align:center;
background:#faf;
opacity:0.7;
padding:2px;
text-decoration:none;
}
.navy:hover {
background:#000;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
border:5px double #ddd;
</style>
<a class="navy" href="LINK">HOME</a>
<a class="navy" href="LINK">AFFIES</a>
<a class="navy" href="LINK">STUFFS</a>
<a class="navy" href="LINK">EXTRAS</a>