কম্পিউটার টিউটোরিয়াল

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. CSS দিয়ে আইকন বাটন তৈরি করার পদ্ধতি

  2. CSS দিয়ে পিল বাটন তৈরি করার পদ্ধতি

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

  4. CSS দিয়ে টগল সুইচ (অন/অফ বাটন) তৈরি করার পদ্ধতি