Hvordan opprette: Full bredde (blokk) knapp

Lær hvordan du bruker CSS til å sette opp stilen til blokkknapper (full bredde).

Hvordan sette opp stilen til blokkknapp

Steg 1 - Legg til HTML:

<button type="button" class="block">Block Button</button>

Steg 2 - Legg til CSS:

For å opprette en blokkknapp, legg til 100% bredde og gjør den til en blokk-element:

.block {
  visning: blokk;
  bredde: 100%;
  kanter: ingen;
  baggrundsfarve: #04AA6D;
  marginal: 14 px 28 px;
  skriftstørrelse: 16 px;
  muspeger;
  tekst-alignment: center;
}

Prøv det selv

Relaterte sider

Tilbakemelding:CSS knapp