কম্পিউটার

CSS এর মাধ্যমে ব্যাকগ্রাউন্ড ইমেজের জন্য প্রতিক্রিয়াশীলতা অর্জন করুন


আপনি CSS −

এর সাথে ব্যাকগ্রাউন্ড ইমেজের জন্য প্রতিক্রিয়াশীলতা অর্জন করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width = device-width, initial-scale = 1.0">
      <style>
         div {
            width: 100%;
            height: 300px;
            border: 2px dashed blue;
            background-image: url('https://www.tutorialspoint.com/python/images/python-data-science.jpg');
            background-repeat: no-repeat;
            background-size: contain;
         }
      </style>
   </head>
   <body>
      <p>To check the effect, you need to resize the browser.</p>
      <div></div>
   </body>
</html>

  1. কিভাবে CSS ব্যবহার করে একটি স্বচ্ছ ব্যাকগ্রাউন্ড টেক্সট সহ একটি ইমেজ তৈরি করবেন?

  2. এইচটিএমএল এবং সিএসএস সহ একটি চিত্রের উপরে কীভাবে পাঠ্য রাখবেন?

  3. কিভাবে CSS দিয়ে একটি ঝাপসা ব্যাকগ্রাউন্ড ইমেজ তৈরি করবেন?

  4. CSS এর সাথে HTML ভিডিওর জন্য আকৃতির অনুপাত বজায় রাখা