How to Create: Full-width (Block) Button
- Pya ya kuzingatia Mwongozo wa kina cha kuzingatia
- Pya ya kuzingatia Kivinzi cha maandiko
Learn how to use CSS to set the style of block-level buttons (full-width).
How to Set Styles for Block Buttons
Mwaka wa Kwanza - Ongeza HTML:
<button type="button" class="block">Block Button</button>
Mwaka wa Pili - Ongeza CSS:
Tungania inaonyesha kifunguwa kama elementi wa kichwa cha kikapteni, angalia 100% ya eneo na kuwa elementi wa kichwa cha kikapteni:
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Pya za kuzingatia
Mafunzo:Kivinzi cha CSS
- Pya ya kuzingatia Mwongozo wa kina cha kuzingatia
- Pya ya kuzingatia Kivinzi cha maandiko
