Jak na to – tlačítka plné šířky (bloku).
Naučte se stylovat tlačítka blokování (plná šířka) pomocí CSS.
Jak stylovat bloková tlačítka
Krok 1) Přidejte HTML:
Příklad
<button
type="button" class="block">Block Button</button>
Krok 2) Přidejte CSS:
Chcete-li vytvořit tlačítko s plnou šířkou, přidejte šířku 100 % a vytvořte z něj prvek bloku:
Příklad
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Přejděte do našeho výukového programu pro tlačítka CSS , kde se dozvíte více o tom, jak stylovat tlačítka.