কম্পিউটার

কিভাবে সিএসএস দিয়ে একটি পূর্ণ পৃষ্ঠার ব্যাকগ্রাউন্ড ইমেজ তৈরি করবেন?


CSS −

দিয়ে একটি পূর্ণ-পৃষ্ঠার ব্যাকগ্রাউন্ড ইমেজ তৈরি করার কোড নিচে দেওয়া হল

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
   height: 100%;
   margin: 0;
}
.background {
   background-image: url("https://images.pexels.com/photos/1424246/pexels-photo-1424246.jpeg?  
      auto=compress&cs=tinysrgb&dpr=1&w=1000");
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
</style>
</head>
<body>
<div class="background"></div>
</body>
</html>

আউটপুট

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

তৈরি করবে

কিভাবে সিএসএস দিয়ে একটি পূর্ণ পৃষ্ঠার ব্যাকগ্রাউন্ড ইমেজ তৈরি করবেন?


  1. কিভাবে CSS দিয়ে একটি ফুল স্ক্রীন ভিডিও ব্যাকগ্রাউন্ড তৈরি করবেন?

  2. কিভাবে CSS দিয়ে কার্ড তৈরি করবেন?

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

  4. কিভাবে CSS দিয়ে স্ক্রলে গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড কালার তৈরি করবেন?