কম্পিউটার

সিএসএস দিয়ে ইমেজে বোতাম সেট করুন


আপনি একটি ছবিতে বোতাম সেট করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .box {
            position: relative;
            width: 100%;
            max-width: 250px;
         }
         .box img {
            width: 100%;
            height: auto;
         }
         .box .btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
         }
      </style>
   </head>
   <body>
      <div class = "box">
         <img src = "https://www.tutorialspoint.com/videotutorials/images/current_affairs_home.jpg" alt = "Current Affairs">
         <button class = "btn">Button</button>
      </div>
   </body>
</html>

  1. CSS সহ একটি বৃত্তাকার সক্রিয় এবং হোভার বোতাম সেট করুন

  2. CSS দিয়ে একটি বোতামে স্বচ্ছতা যোগ করুন

  3. CSS সহ ব্যাকগ্রাউন্ড ইমেজ হিসাবে একটি রেডিয়াল গ্রেডিয়েন্ট সেট করুন

  4. কিভাবে সিএসএস দিয়ে একটি ছবিতে একটি বোতাম যোগ করবেন?