কম্পিউটার

কিভাবে CSS দিয়ে ছবি স্টাইল করবেন?


CSS-এর সাহায্যে ছবি স্টাইল করার জন্য, আপনাকে উচ্চতা, প্রস্থ, - moz-অস্বচ্ছতা ইত্যাদি বৈশিষ্ট্য ব্যবহার করতে হবে। আসুন দেখি কিভাবে - moz-অস্বচ্ছতা CSS প্রপার্টি দিয়ে একটি স্বচ্ছ ছবি তৈরি করা যায়:

একটি চিত্রের -moz-অস্বচ্ছতা বৈশিষ্ট্যটি একটি চিত্রের অস্বচ্ছতা সেট করতে ব্যবহৃত হয়। এই বৈশিষ্ট্যটি Mozilla-এ একটি স্বচ্ছ চিত্র তৈরি করতে ব্যবহৃত হয়। IE filter:alpha(opacity=x) ব্যবহার করে স্বচ্ছ ছবি তৈরি করতে।

উদাহরণ

আপনি একটি ইমেজ স্টাইল করতে এবং CSS এর সাথে অপাসিটি সেট করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:

<html>
   <head>
   </head>
   <body>
      <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);"
         src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
   </body>
</html>

  1. কিভাবে CSS দিয়ে গোলাকার বোতাম স্টাইল করবেন?

  2. কিভাবে CSS দিয়ে টেক্সট বোতাম স্টাইল করবেন?

  3. কিভাবে CSS দিয়ে একটি hr উপাদান স্টাইল করবেন?

  4. কিভাবে CSS দিয়ে লেবেল স্টাইল করবেন?