Hoe OM - Volgende en Vorige knoppies
Leer hoe om "volgende" en "vorige" knoppies met CSS te skep.
Volgende en Vorige knoppies
Hoe om volgende en vorige knoppies te skep
Stap 1) Voeg HTML by:
Voorbeeld
<a href="#" class="previous">« Previous</a>
<a
href="#" class="next">Next »</a>
<a href="#" class="previous round">‹</a>
<a href="#" class="next
round">›</a>
Stap 2) Voeg CSS by:
Voorbeeld
a {
text-decoration: none;
display: inline-block;
padding: 8px 16px;
}
a:hover {
background-color: #ddd;
color: black;
}
.previous {
background-color: #f1f1f1;
color: black;
}
.next {
background-color: #04AA6D;
color: white;
}
.round {
border-radius: 50%;
}