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

CSS দিয়ে HTML এলিমেন্ট পজিশন করুন

CSS আপনাকে আপনার HTML এলিমেন্ট পজিশন করতে সাহায্য করে। আপনি যেকোনো HTML এলিমেন্টকে আপনার পছন্দমত যেকোনো লোকেশনে রাখতে পারেন। আপনি নির্দিষ্ট করতে পারেন যে আপনি এলিমেন্টটি পেজে এর প্রাকৃতিক পজিশনের সাপেক্ষে রিলেটিভভাবে পজিশন করতে চান কি না, অথবা এর প্যারেন্ট এলিমেন্টের সাপেক্ষে অ্যাবসোলিউটভাবে।

উদাহরণ

রিলেটিভ পজিশনিংয়ের একটি উদাহরণ দেখি:

<html>
  <head></head>
  <body>
    <div style="position:relative; left:70px; top:1px; background-color:blue; color: white;">
      This div has relative positioning.
    </div>
  </body>
</html>
  1. CSS দিয়ে হোভারে এলিমেন্ট প্রদর্শন করার পদ্ধতি

  2. CSS দিয়ে HR এলিমেন্ট স্টাইল করার পদ্ধতি

  3. CSS দিয়ে স্টিকি (Sticky) এলিমেন্ট তৈরি

  4. CSS Flex দিয়ে উপাদানকে কন্টেইনারের নিচে পজিশন করা