Cómo - Botones de ancho completo (bloque)
Aprenda a diseñar botones de bloque (ancho completo) con CSS.
Cómo diseñar botones de bloque
Paso 1) Agregar HTML:
Ejemplo
<button
type="button" class="block">Block Button</button>
Paso 2) Agregar CSS:
Para crear un botón de ancho completo, agregue un ancho del 100 % y conviértalo en un elemento de bloque:
Ejemplo
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Vaya a nuestro tutorial de botones CSS para obtener más información sobre cómo aplicar estilo a los botones.