এটি দেখা যায় যে রেডিও বোতামগুলি সফলভাবে তৈরি করা হয়েছে:

আপনি নীচের উল্লেখিত CSS কোড অনুসরণ করে উপরে তৈরি রেডিও বোতামে শৈলী প্রয়োগ করতে পারেন।

ধাপ 2: HTML এ স্টাইল প্রয়োগ করা

দ্য ' div ” HTML ফাইলে আমরা যে div ট্যাগ তৈরি করেছি তা নির্দেশ করে:

• প্রথমত, ' পেছনের রং ' সম্পত্তি হিসাবে সেট করা হয় ' #8197f0 ”
• ' সীমান্ত ' সম্পত্তি হিসাবে সেট করা হয় ' 5px ডটেড #13023a ”, যেখানে 5px সীমানার প্রস্থকে প্রতিনিধিত্ব করে, ডটেড লাইনের ধরন নির্দেশ করে এবং পরবর্তী সীমানার রঙ নির্দেশ করে।
• ' প্যাডিং ' হিসাবে সেট করা হয় ' 20px 100px ” যেখানে 20px উপরের এবং নীচের প্যাডিং নির্দিষ্ট করে এবং 100px বাম এবং ডান দিক থেকে প্যাডিং নির্দেশ করে।
• ফন্ট স্টাইলিংয়ের জন্য, ' ফন্ট-পরিবার ' সম্পত্তির মান হিসাবে ' অভিশাপ ”

সিএসএস

এটি দেখা যায় যে div উপাদানটি সফলভাবে স্টাইল করা হয়েছে:

এটাই! আমরা HTML রেডিও বাটন সম্পর্কে বিস্তারিত ব্যাখ্যা করেছি।

উপসংহার

একটি রেডিও বোতাম একটি ইনপুট যা সর্বদা দুই বা ততোধিক বিকল্পের গোষ্ঠীতে প্রদর্শিত হয়। এই গ্রুপ থেকে, ব্যবহারকারী শুধুমাত্র একটি বিকল্প নির্বাচন করতে পারেন. এইচটিএমএল-এ, ' ব্যবহার করে একটি রেডিও বোতাম তৈরি করা যেতে পারে <ইনপুট> ' মান সহ বৈশিষ্ট্যের ধরন থাকা ট্যাগ ' রেডিও ” এই ব্লগটি HTML এ রেডিও বোতাম যোগ করার পদ্ধতি প্রদর্শন করেছে।