কম্পিউটার

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 দিয়ে একটি স্টিকি এলিমেন্ট তৈরি করবেন?

  4. সিএসএস ফ্লেক্সের সাহায্যে কীভাবে উপাদানটিকে এর কন্টেইনারের নীচে অবস্থান করবেন