Come fare per - Pulsanti a larghezza intera (blocco).
Scopri come applicare uno stile ai pulsanti di blocco (a tutta larghezza) con i CSS.
Come modellare i pulsanti di blocco
Passaggio 1) Aggiungi HTML:
Esempio
<button
type="button" class="block">Block Button</button>
Passaggio 2) Aggiungi CSS:
Per creare un pulsante a larghezza intera, aggiungi una larghezza del 100% e trasformalo in un elemento di blocco:
Esempio
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Vai al nostro tutorial sui pulsanti CSS per saperne di più su come applicare uno stile ai pulsanti.