Hoe OM - Horisontale Scroll-kieslys
Leer hoe om 'n horisontale rolkieslys met CSS te skep.
Tuis
Nuus
Kontak
Oor
Ondersteuning
Blog
Gereedskap
Basis
Pasgemaak
Meer
Logo
Vriende
Vennote
Mense
Werk
Hoe om 'n Horisontale Scrollable Menu te skep
Stap 1) Voeg HTML by:
Voorbeeld
<div class="scrollmenu">
<a href="#home">Home</a>
<a
href="#news">News</a>
<a href="#contact">Contact</a>
<a
href="#about">About</a>
...
</div>
Stap 2) Voeg CSS by:
Die truuk om die navigasiebalk blaaibaar te maak, is deur overflow:auto
en white-space: nowrap
:
Voorbeeld
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;
}
Wenk: Gaan na ons CSS Navbar Tutoriaal om meer te wete te kom oor navigasiebalke.