CSS တွင် ဘောင်အစွန်းများကို ဝိုင်းစေခြင်း

ယခုအခါ ဘလောက်တစ်ခု၏ ထောင့်များကို ဝိုင်းစေနည်းကို လေ့လာပါမည်။ ဤအတွက် border-radius property ကို အသုံးပြုရပြီး ၎င်းသည် ပစ်ဆယ်များဖြင့် တန်ဖိုးယူပါသည်။

ကျွန်ုပ်တို့က 10px ကဲ့သို့ ဝိုင်းစေခြင်း တစ်ခုကို သတ်မှတ်လိုက်သည်ဟု ဆိုလိုသည်မှာ အဘယ်နည်း။ ၎င်းသည် ဤအဝိုင်းစေမှုအတွင်း ရေးဆွဲနိုင်သော စက်ဝိုင်း၏ အချင်းဝက်ဖြစ်သည်။ အကယ်၍ သင့်တွင် သင်္ချာနှင့် ပြဿနာရှိပြီး နောက်ဆုံးဝါကျကို နားမလည်ပါက ၎င်းကို မေ့ထားလိုက်ပြီး မျက်စိဖြင့် အဝိုင်းစေမှုကို ရွေးချယ်လိုက်ပါ။ �တွေ့အကြုံအနည်းငယ်ဖြင့် ၎င်းကို ပြုလုပ်ရန် ပြဿနာမရှိပါ (အဝိုင်းစေမှုများကို တိုင်းတာရန် တိုင်းတာကိရိယာမရှိပါ၊ အနည်းဆုံး ကျွန်ုပ် ကြားဖူးသည်မှာ မဟုတ်ပါ)။

ဘလောက်တစ်ခုကို 10px ဖြင့် အဝိုင်းစေမှုသတ်မှတ်ပေးခြင်းဖြင့် ထောင့်များကို ဝိုင်းစေကြပါစို့:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid red;
  border-radius: 10px;
}

Результат: