Faça você mesmo, seu próprio menu

Desculpe-me, sábado ou domingo faço um efeito para vocês, realmente não deu tempo

Olá pessoas!Como vão? Eu vou bem, tirando o fato de que um dos meus ídolos vai se casar, o outro mandou a gente quir se f#### (se eu escrever palavrões aqui a Mille me mata, literalmente.), e por terceiro o outro arrumou uma namorada nova, o destino de um fã é sofrer mesmo.

Deixando meus ídolos para lá, resolvi trazer um tutorial de como criar menus, apesar de muitos já conhecerem o mesmo, é muito bom para ajudar os novatos, infelizmente não fui eu quem criei o código, eu apenas editei algumas partes, porém os créditos vão para o Pequena Garota. Let's Go?

Todo menu tem uma "fonte" e a mesma fica antes de uma chave. Exemplo:
nome do menu{

Você sempre deverá começar assim. Bom, o que não pode faltar de modo algum no seu menu é o seguinte:

background: #cordefundo;  Esse é o fundo do menu;

padding: 3px;  Esse o tamanho dele;

width: 21%;  Essa é a largura;

color: #cordafonte;   E essa é a cor da fonte.

Pronto, o ~ corpo ~, do seu menu já está montado, agora vem a parte hover dele.

nome do menu:hover{Você vai colocar todos os códigos usados na primeira parte, apenas vai editar as cores novamente, ou adicionar alguma transição:

background: #cordefundo;  Esse é o fundo do menu hover;

padding: 3px;  Esse o tamanho dele;

width: 21%;  Essa é a largura;

color: #cordafonte;   E essa é a cor da fonte hover.

Lembre-se de nunca esquecer o ponto e a vírgula (;) depois de cada código, como no exemplo. Você pode adicionar mais códigos, assim, deixando seu menu mais original