Comment - Boutons pleine largeur (bloc)
Apprenez à styliser les boutons de bloc (pleine largeur) avec CSS.
Comment styliser les boutons de bloc
Étape 1) Ajoutez du HTML :
Exemple
<button
type="button" class="block">Block Button</button>
Étape 2) Ajoutez CSS :
Pour créer un bouton pleine largeur, ajoutez une largeur de 100 % et transformez-le en élément de bloc :
Exemple
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Accédez à notre didacticiel sur les boutons CSS pour en savoir plus sur la façon de styliser les boutons.