গোলাকার বর্ডার বা Radius Bordar বানাতে চান ? এখানে আসুন...


আপনারা হয়তো অনেক ক্ষেত্রে দেখেছেন, কোনও ছবি বা বক্সের বর্ডার চৌকোণা না হয়ে গোলাকার হয়।
সেটা দেখতে বেশ সুন্দর লাগে।

আজ আপনাদের দেখব কিভাবে সিএসএস দিয়ে এই রেডিয়াস বর্ডার বানাবেন।


কাজটা মোটামুটি সোজাই, আপনারা একবার দেখলেই আশা করি পারবেন।




প্রথমে একটা সাধারন বর্ডার দেখি,

এটা সাধারনত এরকম হয়,

CSS,
#CSS { border: 5px solid red;} 
HTML,


<div id="CSS"> হ্যালো!</div>
Result,



হ্যালো!

এখন আসুন আমরা রেডিয়াস বর্ডার বানাই,

CSS,
#CS marquee{ border-radius: 25px; background: orange;}  
HTML,


<div id="CS"> হ্যালো!</div>
Result,

হ্যালো!

রেজাল্ট এখানে দেখতে সমস্যা হতে পারে, আপনি এই লিঙ্কে দেখতে পারেন।

নিচের লিংকের সার্চ বক্স রেডিয়াস বর্ডার ব্যাবহার করা হয়েছে।

শেয়ার করুন

লেখকঃ

আমি তাওসিফ তুরাবি, অনলাইনাম (অনলাইন + নাম) ব্লগার তাওসিফ। এখন, ২০১৬ পর্যন্ত আমি ১৬ বছরের এক কিশোর। পড়াশোনা করি শহীদ পুলিশ স্মৃতি কলেজে। টেক ব্লগ লিখতে ভালবাসি। সাইন্স ফিকশন আর গল্প লিখতে পছন্দ করি।  জিআর+ ব্লগের এর একজন প্রতিষ্ঠাতা অ্যাডমিন।
আমাদের একটা ওয়েব ডেভেলপার ফার্ম আছে যার নাম জিআর+ আইটি বাংলাদেশ
এছাড়া আমার ব্যাক্তিগত ব্লগ রয়েছে। আমার ফেসবুক আইডিতে আমার সাথে সর্বক্ষণ যোগাযোগ করতে পারবেন। 


পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট