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

CSS দিয়ে ফুল-পেজ ব্যাকগ্রাউন্ড ইমেজ তৈরি


উদাহরণ

নিচের কোডটি 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>

আউটপুট

উপরের কোডটি নিচের আউটপুটটি তৈরি করবে:

CSS দিয়ে ফুল-পেজ ব্যাকগ্রাউন্ড ইমেজ তৈরি

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

  2. CSS দিয়ে কার্ড তৈরি করার পদ্ধতি

  3. CSS দিয়ে কুপন তৈরি করার পদ্ধতি

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