- Pill Buttons လုပ်နည်း
CSS ဖြင့် ဆေးလုံးခလုတ်များ ဖန်တီးနည်းကို လေ့လာပါ။
Pill Button ဖန်တီးနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<button class="button">Pill Button</button>
အဆင့် 2) CSS ကိုထည့်ပါ
border-radius
ပိုင်ဆိုင်မှု နှင့်အတူ ခလုတ်တစ်ခုသို့ အဝိုင်းထောင့်များ ထည့်ပါ -
ဥပမာ
.button {
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px
2px;
cursor: pointer;
border-radius: 16px;
}
ခလုတ်များကိုစတိုင်လ်ပုံစံလုပ်နည်းအကြောင်းပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Buttons Tutorial သို့ သွား ပါ။