Prueba botones

by JuanMa

HTML

<div id="cabecera">
    <nav>
    <ul>
        <li>
            <a href="">Inicio</a>
        </li>
        <li>
            <a href="">Servicios</a>
        </li>
        <li>
            <a href="">Portafolio</a>
        </li>
        <li>
            <a href="">Contacto</a>
        </li>
    </ul>
    </nav>
</div>

CSS

#cabecera nav{
float:right;
}

#cabecera nav ul li {
	list-style: none;
float:left;
margin-left:10px;
}
#cabecera nav ul li a{
display:block;
padding: 10px;
background:-webkit-linear-gradient(#5d7ea1, #202b37);
background:linear-gradient(#5d7ea1, #202b37);
text-transform:uppercase;
color:white;
    text-decoration:none;

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}