CSS for Rounded Corner Box

ကၽြန္ေတာ့္စိတ္ထင္ေတာ့ Blog ေရးတဲ့သူေတြရဲ႕ ၃ ပံု ၂ ပံုေလာက္က ကိုယ္တိုင္ Website ေရးေနတဲ့ Designer ေတြ၊ Programmer ေတြ၊ ေနာက္ျပီး အနည္းဆံုးေတာ့ ကိုယ့္ Blog ကုိေတာ့ လွေအာင္လုပ္ခ်င္တဲ့သူေတြပဲ ျဖစ္မွာပါ။ Website ေရးရင္ေတာ့ Style Sheet ေတြ၊ Style Tag ေတြအေၾကာင္းကို ေလ့လာရပါတယ္။ ကၽြန္ေတာ္ Web စေရးေတာ့ သူမ်ား Site ေတြမွာ Rounded Corner Box ေလးေတြသံုးထားတာ ေတြ႕ပါတယ္။ ေထာင့္ေကြးေလးေတြကို Graphic လုပ္ျပီး Background Image ပံုစံမ်ဳိးထားေရးၾကပါတယ္။ Shadow ေလးေတြခ်ခ်င္ရင္ေတာ့ Image ေတြပိုသံုးရပါတယ္။ ဟိုတေလာက ကၽြန္ေတာ့္ဆရာရွာေပးတဲ့ Site တစ္ခုမွာေတာ့ Rounded Corner ကို ပံုေလးေတြ လံုးဝမသံုးဘဲ ရေအာင္ေကြးထားပါတယ္။ သိျပီးသား သူေတြလည္းရိွမွာပါ။ ဒီလိုမ်ဳိးပါ။

ဒီလိုမ်ဳိး Box ေလးကို ပံုေလးေတြကို လက္ဝင္ေအာင္မထည့္ဘဲ လိုခ်င္ရင္ေတာ့ ေအာက္ကပံုေလးက Code ကို ကိုယ့္ေရးမယ့္ Page ရဲ႕ Style Tag မွာ၊ ဒါမွမဟုတ္ External Style sheet မွာထည့္ေပးပါ။

ျပီးရင္ ေအာက္က Code ေလးေတြကို ေပၚခ်င္တဲ့ေနရာမွာ ခ်ထားေပးလိုက္ပါ။ ဒါဆိုအဆင္ေျပပါျပီ။

သိပ္ေတာ့အသံုးဝင္ခ်င္မွဝင္ပါလိမ့္မယ္။ တခ်ိန္ကေတာ့ ကၽြန္ေတာ့္အခ်ိန္ေတြကို ေတာ္ေတာ္ဖဲ့ယူခဲ့တဲ့ Background Image ေတြနဲ႕လုပ္ရတဲ့ ေထာင့္ေကြးေလးေတြကို အခုေတာ့ Coding နဲ႕လြယ္လြယ္ကူကူ လုပ္လို႕ရသြားလို႕ တင္ထားလိုက္တာပါ။