Comment créer : bouton en bloc (plein écran)
- Page précédente Plus de boutons dans la navigation
- Page suivante Bouton en texte
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; }
Pages connexes
Tutoriel :Bouton CSS
- Page précédente Plus de boutons dans la navigation
- Page suivante Bouton en texte