<style>

ul.navega {
clear: both;
float: left;
width: 100%;
}

ul.navega {
clear: both;
float: left;
width: 100%;
list-style: none;
margin: 10px;
padding: 0;
}

ul.navega li {
float: left;
}

ul.navega li a {
padding: .3em;
display:block;
text-decoration: none;
color:black;
background:yellow;
border-top: 100px solid blue;
border-right: 50px solid blue;
border-bottom: 100px solid blue;
}

</style>

<ul class="navega">
<li><a href="#">inicio</a></li>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Servicio</a></li>
<li><a href="#">Contacto</a></li>

</ul>