[Tutorial]Menu Elegante!

Holaaaaaaque sueño tengo dios miohoy pensaba no publicar nada pero voy a ser fiel a mis seguidores y a mi horarioperdonen merque el domigo no publique nada es que estuve mala y no podía publicarpero hoy os traigo un menu & este menu es el que tengo yo ahora mismo colocado en el blog

• Diseño
• Añadir Gagdet/Javascrip

<style>
.tabs-MMC {
overflow: hidden;
position: relative;
width: 900px;
height: 30px;
background: #6b8bba; /* COLOR DE FONDO */
border-radius: 222px;
border: 1px dashed #fff; /* BORDE DEL MENU */
padding: 3px;
}
.tabs-MMC li {
display: inline-block;
padding: 10px;
width: 150px; /* ANCHO DE LOS LINKS */
border: 1px solid transparent;
font: normal 15px georgia;
text-transform: uppercase;
line-height: 8px;
}
.tabs-MMC li a {
color: #6b8bba; /* COLOR DEL TEXTO */
text-decoration: none;
text-shadow: 0px 1px 0px #FFF, 0px -1px 0px #FFF, 1px 0px 0px #FFF, -1px 0px 0px #FFF;
}
.tabs-MMC li:first-child {
margin-top: 0px;
}
.tabs-MMC li:hover{
padding: 10px;
background: #fff; /* COLOR DE FONDO {hover} */
border: 1px dashed #98b1d7; /* BORDE DE LOS LINKS {hover} */
border-radius: 222px;
}
</style>
<center>
<ul class="tabs-MMC">
<li><a href="URL"> Texto </a></li>
<li><a href="URL"> Texto </a></li>
<li><a href="URL"> Texto </a></li>
<li><a href="URL"> Texto </a></li>
<li><a href="URL"> Texto </a></li>
</li></ul></center>

Todo viene ahí explicado (en el code)

C R E D I T O S

Espero que este tutorial os haya gustado mucho si os gustan las cosas elegantes y bonitas y no sabeis que menu escoger este es el menu que necesitáis un gran gran abrazo desde mi casita <3 y buen fin de semana bye bye

DUDAS & MAS