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

CSS দিয়ে হোভারযোগ্য বাটন তৈরি করুন


হোভারযোগ্য বাটন তৈরি করতে CSS :hover সিলেক্টর ব্যবহার করুন। হোভারযোগ্য বাটন তৈরি করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

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

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

  2. CSS দিয়ে কার্ড তৈরি করার পদ্ধতি

  3. CSS দিয়ে কুপন তৈরি করার পদ্ধতি

  4. CSS দিয়ে অ্যারো (Arrow) তৈরি