Como criar: menu rolável horizontal
- Página anterior Barra lateral com ícones
- Próxima página Menu vertical
Aprenda a usar CSS para criar um menu rolável horizontal.
Como criar um menu rolável horizontal
Primeiro passo - Adicionar HTML:
<div class="scrollmenu"> <a href="#home">Home</a> <a href="#news">News</a> <a href="#contact">Contact</a> <a href="#about">About</a> ... </div>
Segundo passo - Adicionar CSS:
A técnica para tornar a barra de navegação rolável é usar overflow:auto e white-space:nowrap:
div.scrollmenu { background-color: #333; overflow: auto; white-space: nowrap; } div.scrollmenu a { display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; } div.scrollmenu a:hover { background-color: #777; }
Páginas relacionadas
Tutorial:Barra de navegação CSS
- Página anterior Barra lateral com ícones
- Próxima página Menu vertical