Comment créer : bouton en bloc (plein écran)

Apprenez à utiliser CSS pour définir le style des boutons en bloc (plein écran).

Comment définir le style du bouton en bloc

Première étape - Ajoutez HTML :

<button type="button" class="block">Bouton en Bloc</button>

Deuxième étape - Ajoutez CSS :

Pour créer un bouton en bloc, ajoutez une largeur de 100% et faites-le devenir un élément en bloc :

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

Essayer personnellement

Pages connexes

Tutoriel :Bouton CSS