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

CSS-এ একটিভ (active) লিংকের রঙ পরিবর্তন করা

একটিভ লিংকের রঙ পরিবর্তন করতে :active pseudo-class ব্যবহার করা হয়।

উদাহরণ

<html>
  <head>
    <style>
      a:active {
        color: #FF00CC;
      }
    </style>
  </head>
  <body>
    <a href="">My Demo Link</a>
  </body>
</html>

নোট: :active স্টেট হলো ইউজার লিংকে ক্লিক করুন ধরে রেখে থাকার সময়। মোবাইল/টাচ ডিভাইসে এটি কম দেখায়। লিংক স্টেটের ক্রম: :link → :visited → :hover → :active (LVHA)।

  1. CSS দিয়ে বাটনের প্যাডিং পরিবর্তন করুন

  2. CSS দিয়ে বাটনের ব্যাকগ্রাউন্ড রঙ পরিবর্তন করুন

  3. CSS দিয়ে লিংকের রঙ সেট করা

  4. CSS দিয়ে প্লেসহোল্ডার (Placeholder) এট্রিবিউটের রঙ পরিবর্তন