Menu simples com css

Para você editar bastante e criar o menu com sua cara.


Visualize (xx)

Agora vamos aos códigos:

Adicione esse código entre no seu CSS(são os códigos que você deve editar para deixar o menu a sua cara. Cores, fontes, tamanho, estilo, etc):

/******* menu por gallyack ~ learn-html.tumblr.com ****/
#menu {
height: auto;
width: 110px;
}

#menu a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #fff;
display: block;
height: 30px;
background-color: #333;
line-height: 30px;
padding-left: 5px;

decoration: none;
}

#menu a:hover {
font-size: 14px;
color: #333;
background-color: #fff;
padding-left: 20px;
}

Ai você edita ao seu gosto, lembrando o display permite escolher como o menu vai aparecer. O block visualiza os botões, um abaixo do outro.

Depois, onde você quer que apareça o menu, acrescente esse:

 <div id ="menu"> <a href="urldolink"> Link1</a> <a href="urldolink"> Link2</a> <a href="urldolink"> Link3</a> <a href="urldolink"> Link4</a></div>

Daí é só colocar o link do seu menu e editar os nomes.
E estará pronto.
Qualquer dúvida ou ajuda só deixar nos comentários.