Jak tworzyć: przycisk w kształcie tabletki

Naucz się, jak używać CSS do tworzenia przycisków w kształcie tabletki.

Jak utworzyć przycisk w kształcie tabletki

Krok 1 - Dodaj HTML:

<button class="button">Przycisk Tabletki</button>

Krok 2 - Dodaj CSS:

Dodaj zaokrąglenia do przycisku za pomocą atrybutu border-radius:

.button {
  background-color: #ddd;
  border: none;
  color: czarny;
  padding: 10px 20px;
  text-align: środka;
  text-decoration: none;
  display: blok w linii;
  margin: 4px 2px;
  kursor: wskaźnik;
  border-radius: 16px;
}

Spróbuj sam

Strony związane

Tutorial:Przycisk CSS