Menú de barras

Hola a todos  ¿Qué tal? [yo bien, gracias por preguntar xD] Bueno, me han pedido un tutorial que tenia ganas de subir. Se trata de como hacer el menú que tengo yo en las normas, lo llamo el menu  Comencemos GO GO GO.

Nos vamos a diseño y a....

                                        

<div class="TOZ2">

<a href="enlace">uno</a>

<a href="enlace">dos</a>

<a href="enlace">tres</a>

<a href="enlace">cuatro</a>

<a href="enlace">cinco</a>

</div>

<style>

.TOZ2 a{

width:130px; /* ANCHO DEL MENU */

font-family: arial; /* FUENTE DE LETRA */

font-size: 13px; /* TAMAÑO DE LETRA */

border-left:15px solid #ffe599; /* COLOR DEL BORDE IZQUIERDO */

border-right:15px solid #ffe599; /* COLOR DEL BORDE DERECHO */

background:#7fe1e1; /* COLOR DE FONDO */

margin:3px;

color:#fff; /* COLOR DE LETRA */

border-radius:10px 10px 10px 10px; /* EFECTO REDONDO */

text-align:center;

display:block;padding:3px;

text-shadow: none;

}

/* HOVER {AL PASAR EL CURSOR} */

.TOZ2 a:hover{

color:#ffe599; /* COLOR DE LETRA */

border-left:15px solid #7fe1e1; /* COLOR DEL BORDE IZQUIERDO */

border-right:15px solid #7fe1e1;/* COLOR DEL BORDE DERECHO */

text-decoration:none;

text-shadow: none;

}

</style>Menú Horizontal.

Creo que todo viene bien explicado en el código asi que bueno. Este tuto me lo pidió Celia-chan, y bueno los créditos a Mell.