Come creare: pulsante a pieno schermo (a livello di blocco)

Impara come impostare lo stile di un pulsante a livello di blocco (pieno) utilizzando CSS.

Come impostare lo stile del pulsante a livello di blocco

Primo passo - Aggiungi HTML:

<button type="button" class="block">Pulsante di Blocco</button>

Secondo passo - Aggiungi CSS:

Per creare un pulsante a livello di blocco, aggiungi un'ampiezza del 100% e rendilo un elemento a livello di blocco:

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

Prova personalmente

Pagine correlate

Tutorial:Pulsante CSS