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