Nasıl Yapılır - Tam Genişlik (Blok) Düğmeleri
CSS ile blok düğmelerinin (tam genişlikte) nasıl stillendirileceğini öğrenin.
Blok Düğmelerine Nasıl Stil Verilir
Adım 1) HTML'yi ekleyin:
Örnek
<button
type="button" class="block">Block Button</button>
Adım 2) CSS'yi ekleyin:
Tam genişlikte bir düğme oluşturmak için %100 genişlik ekleyin ve bunu bir blok öğesi haline getirin:
Örnek
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Düğmelerin nasıl stillendirileceği hakkında daha fazla bilgi edinmek için CSS Düğmeleri Eğitimimize gidin .