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

CSS দিয়ে Unordered List-এ Square Bullet বানানো

CSS list-style-type প্রপার্টি দিয়ে অনঅর্ডারড লিস্টে স্কোয়ার বুলেট পয়েন্ট বানানো শিখুন।

ডিফল্টভাবে রাউন্ড বুলেট (disc) আসে:

ul { list-style-type: disc; }

স্কোয়ার বুলেট করার CSS

ul { list-style-type: square; }
  • HTML
  • CSS
  • JavaScript

স্কোয়ার বুলেট অস্বাভাবিক হলেও কিছু ওয়েবসাইটের থিম/স্টাইলের সাথে খুব ভালো মিলে যায়।

  1. CSS দিয়ে অ্যারো (Arrow) তৈরি

  2. CSS দিয়ে লিস্টের বুলেট (Bullet) রঙ পরিবর্তন

  3. CSS ব্যবহার করে লিস্টের বুলেট অ্যানিমেট (Animate Bullets) করা

  4. HTML-এ স্কোয়ার (Square) বুলেট সহ আনঅর্ডার্ড লিস্ট তৈরি করা