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

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. CSS দিয়ে ইমেজে বাটন যোগ করা

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

  4. পাওয়ারপয়েন্টে ইমেজে বর্ডার যোগ করার পদ্ধতি