Hoe OM - Pil-knoppies
Leer hoe om pilknoppies met CSS te skep.
Hoe om 'n pilknoppie te skep
Stap 1) Voeg HTML by:
Voorbeeld
<button class="button">Pill Button</button>
Stap 2) Voeg CSS by:
Voeg afgeronde hoeke by 'n knoppie met die border-radius
eiendom:
Voorbeeld
.button {
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px
2px;
cursor: pointer;
border-radius: 16px;
}
Gaan na ons CSS-knoppie-tutoriaal om meer te wete te kom oor hoe om knoppies te styl.