como fazer um menu de um site?
Soluções para a tarefa
Respondido por
1
Aquele menu padrão (horizontal) pode ser feito dessa forma:
HTML
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Especificações</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
CSS
nav {position:relative;width:100%;margin:0 auto;border:1px solid #d9d9d9;overflow:hidden;margin-top:20px;}
nav ul {margin:0;padding:0;float:left;list-style:none;text-transform:uppercase;top:-1px;}
nav ul li {display:inline;}
nav.menu ul li a {float:left;color:#fff;padding:12px;background-color:#fff;color:#000;border-top:2px solid transparent;}
nav a:hover {border-top:2px solid #f00;}
HTML
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Especificações</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
CSS
nav {position:relative;width:100%;margin:0 auto;border:1px solid #d9d9d9;overflow:hidden;margin-top:20px;}
nav ul {margin:0;padding:0;float:left;list-style:none;text-transform:uppercase;top:-1px;}
nav ul li {display:inline;}
nav.menu ul li a {float:left;color:#fff;padding:12px;background-color:#fff;color:#000;border-top:2px solid transparent;}
nav a:hover {border-top:2px solid #f00;}
Anexos:
Index:
Nesse arquivo tem um exemplo de menu que fiz. Basta copiá-lo e colocá-lo novamente no bloco de notas e salvar como .html
Perguntas interessantes
Filosofia,
9 meses atrás
Português,
9 meses atrás
História,
9 meses atrás
Administração,
1 ano atrás
Português,
1 ano atrás
Matemática,
1 ano atrás