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

CSS-এ এলিমেন্টের পটভূমির ছবি সেট করা

এলিমেন্টের পটভূমির ছবি সেট করতে background-image property ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি রান করে background-image property-র কাজ শিখুন:

<html>
  <head>
    <style>
      body {
        background-image: url("/css/images/css.jpg");
      }
    </style>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

সুবিধা: CSS-এ পটভূমির ছবি সেট করলে HTML মার্কআপ পরিষ্কার থাকে এবং একই ছবি একাধিক এলিমেন্টে ব্যবহার করা যায়।

  1. CSS দিয়ে ব্যাকগ্রাউন্ড ইমেজ শুধু একবার দেখান

  2. CSS দিয়ে ব্যাকগ্রাউন্ড ইমেজ ফিক্সড করুন

  3. CSS-এ লিনিয়ার গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ হিসেবে সেট করা

  4. CSS-এ রেডিয়াল গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ সেট করুন