Hoe - Pil-knoppen
Leer hoe u pilknoppen maakt met CSS.
Een pilknop maken
Stap 1) HTML toevoegen:
Voorbeeld
<button class="button">Pill Button</button>
Stap 2) CSS toevoegen:
Voeg afgeronde hoeken toe aan een knop met de border-radius
eigenschap:
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;
}
Ga naar onze zelfstudie CSS-knoppen voor meer informatie over het opmaken van knoppen.