Nasıl oluşturulur: Tam genişlik (blok) düğmesi

CSS ile blok düğmenin (tam genişlik) stillerini nasıl ayarlayacağınızı öğrenin.

Block düğmenin stillerini nasıl ayarlayacağınız

İlk Adım - HTML ekleyin:

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

İkinci Adım - CSS ekleyin:

Block düğmesi oluşturmak için, %100 genişlik ekleyin ve blok düğmesi yapın:

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

Kişisel Deneyim

İlgili Sayfalar

Eğitim:CSS Düğmesi