6. CSS Backgrounds
📘 কনসেপ্ট (থিওরি)
CSS শক্তিশালী ব্যাকগ্রাউন্ড স্টাইলিং অপশন দেয়:
-
background-color — সলিড রঙের ব্যাকগ্রাউন্ড
- background-image — ছবি ব্যাকগ্রাউন্ড হিসেবে
- background-size — cover, contain, বা নির্দিষ্ট আকার
- background-position — ছবি কোথায় বসবে
- background-repeat — repeat, no-repeat, repeat-x, repeat-y
- background-attachment — scroll বা fixed (প্যারালাক্স ইফেক্ট)
**গ্রেডিয়েন্ট** ও ব্যাকগ্রাউন্ড:
background: linear-gradient(to right, #38bdf8, #818cf8);
background: radial-gradient(circle, #38bdf8, #0f172a);
**শর্টহ্যান্ড:**
background: url("bg.jpg") no-repeat center/cover;
💡 উদাহরণ
গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড:
সুন্দর গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড
🎯 আপনার কাজ (প্র্যাকটিস)
নীল থেকে বেগুনি গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড, সাদা টেক্সট এবং সেন্টারড কন্টেন্ট দিয়ে একটি হিরো সেকশন তৈরি করুন।
main.css
Loading...
OUTPUT
Run your code to see the output here...