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

CSS-এ লিস্টের বুলেটের জন্য ইমেজ (list-style-image) সেট করা

list-style-image property ব্যবহার করে বুলেট পয়েন্টের পরিবর্তে কাস্টম ইমেজ ব্যবহার করা যায়।

উদাহরণ

নিচের কোডটি রান করে CSS-এ বুলেটের জন্য ইমেজ সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-image: url(/images/bullet.gif);">
      <li>Football</li>
      <li>Cricket</li>
    </ul>
  </body>
</html>

টিপস: ইমেজ না লোড হলে ফলব্যাক হিসেবে list-style-type অবশ্যই রাখুন: list-style: circle url(/images/bullet.gif);।

  1. CSS-এ ইমেজ পাথ সেট করা

  2. CSS-এ এলিমেন্টের জন্য ইমেজ বর্ডার সেট করা

  3. CSS দিয়ে পেজিনেশন স্টাইল করুন

  4. CSS দিয়ে ছবির ওপর বাটন রাখুন