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

CSS দিয়ে ছবির উপরের ডান কোণে টেক্সট পজিশন করুন


টেক্সট উপরের ডান কোণে পজিশন করতে right এবং top প্রপার্টি ব্যবহার করুন। এটি বাস্তবায়ন করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;          }          img {             width: 100%;             height: auto;             opacity: 0.6;          }          .direction {             position: absolute;             top: 10px;             right: 19px;             font-size: 13px;          }       </style>    </head>    <body>       <h1>Heading One</h1>       <p>Below image has text in the top right:</p>       <div class = "box">          <img src = "https://www.tutorialspoint.com/python/images/python_data_science.jpg" alt = "Tutorial"             width = "800" height = "400">          <div class="direction">Top Right Corner</div>       </div>    </body> </html>

  1. CSS দিয়ে ইমেজ শেক/উইগল ইফেক্ট তৈরি

  2. CSS দিয়ে ইমেজে বাটন যোগ করা

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

  4. CSS দিয়ে গ্লোইং (Glowing) টেক্সট তৈরি