Jak tworzyć: przycisk pełnej szerokości (blokowy)

Naucz się, jak używać CSS do ustawiania stylu przycisków blokowych (pełnej szerokości).

Jak ustawić styl przycisku blokowego

Krok 1 - Dodaj HTML:

<button type="button" class="block">Przycisk Blokowy</button>

Krok 2 - Dodaj CSS:

Aby utworzyć przycisk blokowy, dodaj 100% szerokości i uczynij go elementem blokowym:

.block {
  wyświetlanie: blok;
  szerokość: 100%;
  krawędź: brak;
  kolor-tła: #04AA6D;
  wypełnienie: 14px 28px;
  rozmiar-tekstu: 16px;
  wskaźnik-kursora: wskazówka;
  tekst-wyrównanie: środek;
}

Spróbuj sam

Strony związane

Tutorial:Przycisk CSS