কম্পিউটার

CSS দিয়ে একটি বর্ডারযুক্ত বোতাম গ্রুপ তৈরি করুন


আপনি সীমানা সম্পত্তি সহ একটি বর্ডারযুক্ত বোতাম গ্রুপ তৈরি করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .btn {
            color: black;
            background-color: yellow;
            width: 120px;
            text-align: center;
            font-size: 15px;
            padding: 20px;
            float: left;
            border: 3px solid blue;
         }
         .mybtn {
            background-color: orange;
         }
      </style>
   </head>
   <body>
      <h2>Result</h2>
      <p>Click below for result:</p>
      <div class = "mybtn">
         <button class = "btn">Result</button>
         <button class = "btn">Result</button>
         <button class = "btn">Result</button>
         <button class = "btn">Result</button>
         <button class = "btn">Result</button>
      </div>
   </body>
</html>

  1. কিভাবে সিএসএস দিয়ে আইকন বোতাম তৈরি করবেন?

  2. কিভাবে সিএসএস দিয়ে পিল বোতাম তৈরি করবেন?

  3. কিভাবে CSS দিয়ে সার্চ বাটন তৈরি করবেন?

  4. কিভাবে CSS দিয়ে একটি টগল সুইচ (অন/অফ বোতাম) তৈরি করবেন?