Jak to zrobić — Przyciski o pełnej szerokości (blok)
Dowiedz się, jak stylizować przyciski blokowe (o pełnej szerokości) za pomocą CSS.
Jak stylizować przyciski blokowe
Krok 1) Dodaj kod HTML:
Przykład
<button
type="button" class="block">Block Button</button>
Krok 2) Dodaj CSS:
Aby utworzyć przycisk o pełnej szerokości, dodaj szerokość 100% i przekształć go w element blokowy:
Przykład
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Przejdź do naszego samouczka dotyczącego przycisków CSS , aby dowiedzieć się więcej o stylizacji przycisków.