How TO - Knoppen over de volledige breedte (blok)
Leer hoe u blokknoppen (volledige breedte) kunt stylen met CSS.
Hoe blokknoppen te stylen
Stap 1) HTML toevoegen:
Voorbeeld
<button
type="button" class="block">Block Button</button>
Stap 2) CSS toevoegen:
Om een knop met volledige breedte te maken, voegt u een breedte van 100% toe en maakt u er een blokelement van:
Voorbeeld
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Ga naar onze zelfstudie CSS-knoppen voor meer informatie over het opmaken van knoppen.