ဘလက်စုံပုံ ဘလက်စုံပုံ ဖန်တီးခြင်း

ဘလက်စုံပုံ ဘလက်စုံပုံ ပြုလုပ်ရန် ဘာကို သုံးစွဲသင့်လဲဆိုတာ

ဘလက်စုံပုံ ဘလက်စုံပုံ ပြုလုပ်ခြင်း

ပထမပွဲစဉ် - စကားရပ် HTML ထပ်ပေါင်းပါ

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

ဒုတိယပွဲစဉ် - စကားရပ် CSS ထပ်ပေါင်းပါ

ကိုယ်စားပြုရန် 100% အကျယ်အဝန်း ထပ်ပေါင်း နှင့် ဘလက်စုံပုံ အစိတ်အပိုင်းကို ပြုလုပ်ပါ

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

亲自试一试

相关页面

教程：CSS 按钮