Hoe OM - Volle breedte (blok) knoppies
Leer hoe om blokknoppies (volwydte) met CSS te styl.
Hoe om blokknoppies te styl
Stap 1) Voeg HTML by:
Voorbeeld
<button
type="button" class="block">Block Button</button>
Stap 2) Voeg CSS by:
Om 'n volle breedte-knoppie te skep, voeg 'n breedte van 100% by en maak dit 'n blokelement:
Voorbeeld
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Gaan na ons CSS-knoppie-tutoriaal om meer te wete te kom oor hoe om knoppies te styl.