Miten luodaan: kokonaisleveys (palikkalevy) button

Opeta, miten CSS:llä asetetaan palikkabuttonin (kokonaisleveys) tyylit.

Miten asettaa palikkabuttonin tyylit

Ensimmäinen vaihe - Lisää HTML:

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

Toinen vaihe - Lisää CSS:

Luo palikkabuttoni lisäämällä 100% leveys ja tekemällä siitä palikkalevy;

.block {
  näyttö: palikka;
  leveys: 100%;
  reuna: ei mitään;
  taustaväri: #04AA6D;
  padding: 14 px 28 px;
  fontti: 16 px;
  kursori: viittimeen;
  tekstiasento: keskitetty;
}

Kokeile itse

Liittyvät sivut

Ohjeet:CSS-painike