Borders (ဘောင်များ)

Border Style

Border တစ်ခုမှာ အနည်းဆုံး (၃) ချက် ပြောပြရပါတယ်:

Width: ဘောင်အထူ (ဥပမာ - 1px)
Style: ဘောင်ပုံစံ (solid, dashed, dotted)
Color: ဘောင်အရောင် (red, #000)

.box {
  border: 2px solid black; /* 2px အထူ၊ မျဉ်းဖြောင့်၊ အမည်းရောင် */
}

.dashed-box {
  border: 2px dashed red; /* မျဉ်းပြတ် */
}

Border Radius (ထောင့်ကွေးခြင်း)

လေးထောင့်စွန်းတွေကို ဝိုင်းချင်ရင် border-radius သုံးပါတယ်။

.card {
  border: 1px solid #ccc;
  border-radius: 10px; /* ထောင့်တွေကို 10px စာ ဝိုင်းမယ် */
}

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%; /* လုံးဝ အဝိုင်းဖြစ်သွားမယ် */
}