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 os pondré más adelante, lo llamo el menú  ¡Comencemos!

Nos vamos a diseño y a añadir un gadget {HTML}, y ponemos esto:
            

<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. Una preview de cómo es:

uno
dos
tres
cuatro
cinco

Menú Horizontal.