Nasıl oluşturulur: Yatay kaydırabilir menü

CSS ile yatay kaydırabilir menü nasıl oluşturulur öğrenin.

Home News Contact About Support Blog Tools Base Custom More Logo Friends Partners People Work

Kişisel olarak deneyin

Yatay kaydırabilir menü nasıl oluşturulur

İlk adım - HTML ekleyin:

div.class="scrollmenu">
  <a href="#home">Home</a>
  <a href="#news">News</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  ...
</div>

İkinci adım - CSS ekleyin:

Navigasyon çubuğunu kaydırabilir hale getirmenin ipucu, overflow:auto ve white-space:nowrap kullanmaktır:

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;
}

Kişisel olarak deneyin

İlgili sayfalar

Dersler:CSS navigasyon çubuğu