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

CSS দিয়ে ছবি কেন্দ্রস্থ করুন


ছবি কেন্দ্রস্থ করতে margin-left, margin-right এবং block CSS প্রপার্টিগুলো ব্যবহার করুন। ছবি কেন্দ্রস্থ করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          img {             border: 2px solid orange;             border-radius: 3px;             padding: 7px;          }          img {             display: block;             margin-left: auto;             margin-right: auto;             width: 50%;          }       </style>    </head>    </body> </html>

  1. CSS দিয়ে রেসপন্সিভ ইমেজ তৈরি

  2. CSS দিয়ে হিরো ইমেজ তৈরি

  3. CSS দিয়ে ইমেজ শেক/উইগল ইফেক্ট তৈরি

  4. CSS দিয়ে ইমেজে বাটন যোগ করা