تحتوي جميع مستعرضات الويب على ألوان افتراضية تستخدمها للوصلات إذا لم يقم مصمم الويب بتعيينها. هم انهم:
- لون الرابط الافتراضي.
- لون الرابط النشط (عند النقر بالماوس وإبقائه فوق الرابط).
- لون الرابط المتبع (عندما تم النقر فوق الارتباط سابقًا).
بالإضافة إلى ذلك ، في حين أن معظم متصفحات الويب لا تغير هذا بشكل افتراضي ، يمكنك أيضًا تحديد لون التمرير - اللون الذي يكون الرابط عند احتجاز الماوس عليه.
استخدم CSS لتغيير ألوان الوصلة
لتغيير هذه الألوان ، يمكنك استخدام CSS (هناك بعض سمات HTML التي تم إيقافها والتي يمكنك استخدامها أيضًا ، ولكن لا أوصي باستخدام أي شيء تم إيقافه). أسهل طريقة لتغيير لون الرابط هي وضع علامة على العلامة :
{لون: أسود؛ }باستخدام CSS هذا ، ستغير بعض المتصفحات جميع جوانب الرابط (نشط ، متبوع ، ويتم التمرير) إلى اللون الأسود ، بينما سيغير الآخرون اللون الافتراضي فقط.
استخدم CSS Pseudo-classes لتغيير كل أجزاء الرابط
يتم تمثيل فئة زائفة في CSS بعلامة النقطتين (:) قبل اسم الفئة . هناك أربع فئات زائفة تؤثر على الروابط:
لتغيير لون الرابط الافتراضي:
a: link {color: red؛ }لتغيير اللون النشط:
a: active {color: blue؛ }لتغيير لون الرابط المتبع:
a: زار {اللون: أرجواني؛ }لتغيير الماوس فوق اللون:
a: hover {color: green؛ }