Come creare: menu scorrevole orizzontale

Impara a creare un menu scorrevole orizzontale utilizzando CSS.

Home Notizie Contatto About Supporto Blog Strumenti Base Personalizzato Più Logo Amici Partner Gente Lavoro

Prova personalmente

Come creare un menu scorrevole orizzontale

Primo passo - Aggiungi 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>

Secondo passo - Aggiungi CSS:

L'abilità di rendere la barra di navigazione scorrevole è utilizzare 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;
}

Prova personalmente

Pagine correlate

Tutorial:Barra di navigazione CSS