কম্পিউটার

কিভাবে CSS এর সাথে একটি ছবিতে একটি বর্ডার যোগ করবেন?


CSS-

ব্যবহার করে একটি ছবিতে একটি বর্ডার যোগ করার জন্য নিম্নলিখিত কোড

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
img {
   border: 8px solid rgb(0, 238, 255);
   width: 400px;
   height: 400px;
}
</style>
</head>
<body>
<h1>Border Around Image Example</h1>
<img src="https://images.pexels.com/photos/34950/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে CSS এর সাথে একটি ছবিতে একটি বর্ডার যোগ করবেন?


  1. কিভাবে CSS দিয়ে একটি স্টিকি ইমেজ তৈরি করবেন?

  2. কিভাবে সিএসএস দিয়ে একটি ছবিতে একটি বোতাম যোগ করবেন?

  3. কিভাবে CSS দিয়ে হোভারে ট্রানজিশন যোগ করবেন?

  4. পাওয়ারপয়েন্টে ছবিতে কীভাবে একটি বর্ডার যুক্ত করবেন