কম্পিউটার

কিভাবে CSS দিয়ে একটি ফিক্সড/স্টিকি ফুটার তৈরি করবেন?


সিএসএস দিয়ে স্থির ফুটার তৈরি করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
   body{
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
   .footer {
      font-size: 20px;
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: rgb(50, 6, 100);
      color: white;
      text-align: center;
   }
</style>
</head>
<body>
<h1>Fixed/Sticky Footer Example</h1>
<div class="footer">
<p>All rights reserved ©</p>
</div>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে CSS দিয়ে একটি ফিক্সড/স্টিকি ফুটার তৈরি করবেন?


  1. কিভাবে CSS দিয়ে একটি কুপন তৈরি করবেন?

  2. কিভাবে CSS দিয়ে একটি স্টিকি এলিমেন্ট তৈরি করবেন?

  3. কিভাবে CSS দিয়ে তীর তৈরি করবেন?

  4. কিভাবে CSS দিয়ে একটি অন স্ক্রোল ফিক্সড নেভিগেশন বার তৈরি করবেন?