လုပ်နည်း - Avatar ပုံများ
CSS ဖြင့် ပုံတစ်ပုံဖန်တီးနည်းကို လေ့လာပါ။
Avatar ပုံများဖန်တီးနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<img src="avatar.png" alt="Avatar" class="avatar">
အဆင့် 2) CSS ကိုထည့်ပါ
ကိုက်ညီ height
ပြီး width
ကြည့်ကောင်းသည့်ပုံစံ ကို သတ်မှတ်ပြီး border-radius
ပုံတစ်ပုံသို့ အဝိုင်းထောင့်များထည့်ရန် ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။ 50% သည် ပုံအား စက်ဝိုင်းပုံဖြစ်အောင် ပြုလုပ်ပါမည်-
ဥပမာ
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
ပုံများကို ပုံစံစတိုင်လ်လုပ်ပုံအကြောင်း ပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS Images Tutorial သို့ သွားပါ ။