Criando seu próprio menu ♥

Olá doces de natal como vão? Tudo belezinha? Bem vejamos estou com menos de 10 minutos para fazer este post então já devem saber que não irei enrolar muito, uma menina pediu na ask para eu ensinar a fazer o menu do cabeçalho mas parei e pensei porque postar o mesmo menu? Não é um menu diferente é tão simples e quase sem graça tipo não tem segredos, bem tive a idéia de por aqui um menu base para vocês mesmos criarem seu próprio menu, são códigos bem simples que poderão aumentar, mudar ou até mesmo emendar com algum outro efeito que vocês queiram, avisando que os códigos são meus e foram criados por aprendizado em um site de css e htm, site aqui -> Css/html

Então como eu estava escrevendo é um menu base para vocês mexerem e tentarem aprender a montar seu próprio menu, podem colocar sombras internas, externas, cores em gradiente, efeito hover com frames e por ai vai, mudem o que se pede no caso cores, altura, largura, bordas e não esqueçam de darem nome ao seu menu ok? Dê o mesmo nome do menu a div do link que irá dentro do gadget pois se não ele não irá funcionar certo? Bem amores é só copiarem o menu e colarem dentro do html e modificarem aos seus gostos! Kissus cheirosos =3

NOME DO MENU {
color:#COR DA FONTE;
text-shadow: 1px 1px 1px #COR DA SOMBRA DA FONTE;
background:#COR DO FUNDO DO MENU;border: solid 1px #COR DA BORDA;
box-shadow: inset 0 0 6px #COR DA SOMBRA, 0px 1px 1px #COR DA SOMBRA;
line-height:ALTURA DO TEXTOpx; margin:-MARGEMpx;
margin-left:MARGEM A ESQUERDApx;
display: inline-block;
padding-top: ALTURA DO MENUpx;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
padding:LARGURA DOS LADOSpx;
height: ALTURA DO MENUpx;
width: TAMANHO DO MENUpx;
-webkit-transition-duration: .80s;
}
NOME DO MENU:hover {
cursor:hand;
background:#COR;border: solid 1px #COR;
box-shadow: inset 0 0 6px #COR DA SOMBRA, 0px 1px 1px #COR DA SOMBRA;
-webkit-transition-duration: .80s;text-align: center;
font-family: PF Arma Five; font-size: 8px; color:#COR DA FONTE EM HOVER;}

E o link que vai dentro do gadget:

<a href="LINK AQUI"><NOME DO MENU>NOME DE ALGO AQUI</NOME DO MENU></a>