আপনারা হয়তো অনেক ক্ষেত্রে দেখেছেন, কোনও ছবি বা বক্সের বর্ডার চৌকোণা না হয়ে গোলাকার হয়।
সেটা দেখতে বেশ সুন্দর লাগে।
আজ আপনাদের দেখব কিভাবে সিএসএস দিয়ে এই রেডিয়াস বর্ডার বানাবেন।
কাজটা মোটামুটি সোজাই, আপনারা একবার দেখলেই আশা করি পারবেন।
প্রথমে একটা সাধারন বর্ডার দেখি,
এটা সাধারনত এরকম হয়,
CSS,
এখন আসুন আমরা রেডিয়াস বর্ডার বানাই,
CSS,
সেটা দেখতে বেশ সুন্দর লাগে।
আজ আপনাদের দেখব কিভাবে সিএসএস দিয়ে এই রেডিয়াস বর্ডার বানাবেন।
কাজটা মোটামুটি সোজাই, আপনারা একবার দেখলেই আশা করি পারবেন।
প্রথমে একটা সাধারন বর্ডার দেখি,
এটা সাধারনত এরকম হয়,
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,
রেজাল্ট এখানে দেখতে সমস্যা হতে পারে, আপনি এই লিঙ্কে দেখতে পারেন।
নিচের লিংকের সার্চ বক্স রেডিয়াস বর্ডার ব্যাবহার করা হয়েছে।
নিচের লিংকের সার্চ বক্স রেডিয়াস বর্ডার ব্যাবহার করা হয়েছে।