လုပ်နည်း - Full Width (Block) ခလုတ်များ
CSS ဖြင့် ခလုတ်များ (အကျယ်အပြည့်အစုံ) ကို ပိတ်ဆို့နည်းပုံစံကို လေ့လာပါ။
ခလုတ်များကို ပိတ်ဆို့နည်းပုံစံ
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<button
type="button" class="block">Block Button</button>
အဆင့် 2) CSS ကိုထည့်ပါ
အကျယ်အဝန်းကို ဖန်တီးရန် 100% အကျယ်ကို ပေါင်းထည့်ကာ ဘလောက်ဒြပ်စင်အဖြစ် ပြုလုပ်ပါ-
ဥပမာ
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
ခလုတ်များကိုစတိုင်လ်ပုံစံလုပ်နည်းအကြောင်းပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Buttons Tutorial သို့ သွား ပါ။