Simples MENU utilizando CSS

Esse simples menu utilizará as tags de listas do HTML ( ul, li e ol) e os codigos CSS para determinar menus e submenus. Simples e de fácil personalização, é muito utilizado em diversos sites.

Por | @oficinadanet Programação
Olá, primeiramente gostaria de pedir desculpas pela demora em postar essa minha nova coluna aqui no  oficicadanet.com.br. Espero que isso não me aconteça mais... hehehe
Na minha primeira coluna aqui no Oficina da Net falei sobre as vantagens do uso do CSS e de como utilizar ele em seu website.

Nessa segunda coluna minha, já partiremos para a prática: como criar um menu usando o CSS.

Nesse menu, vamos usar as tags de listas do HTML, ou seja,
    ,
  • ,
      ... tudo isso dentro de uma DIV!

      Vamos ao trabalho?

      Menu Simples com CSS

      Software Utilizado: pode ser usado desde o bloco de notas até o Dreamweaver mais atual
      Grau de Dificuldade: 6,0
      Ao som de... Sonata Arctica - Replica ;)


      Primeiramente, crie um arquivo .html, algo como index.html. Nele, coloque esse código simples:


        


        



      Bom, dando uma explicada rápida nesse HTML:
      => é definida o arquivo CSS onde estará as configurações do menu.
      Mais sobre:
      Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo