כל דפדפני האינטרנט משתמשים בצבעי ברירת המחדל עבור קישורים אם מעצב האינטרנט אינו מגדיר אותם. הם:
- צבע הקישור המוגדר כברירת מחדל
- צבע הקישור הפעיל (כאשר העכבר נלחץ ומוחזק מעל הקישור)
- צבע הקישור הבא (כאשר הקליק נלחץ בעבר)
בנוסף, בעוד שרוב דפדפני האינטרנט אינם משנים זאת כברירת מחדל, ניתן גם להגדיר את צבע העכבר - צבע הקישור הוא כאשר עכבר מוחזק עליו.
השתמש ב- CSS כדי לשנות את צבע הקישורים
כדי לשנות צבעים אלה, השתמש בגיליון סגנונות מדורגים. הדרך הקלה ביותר לשנות את צבע הקישור היא לסמן את התג:
א {צבע: שחור; }
בעזרת CSS זה, חלק מהדפדפנים ישנו את כל ההיבטים של הקישור (פעיל, עוקב ומרחף) לשחור, בעוד שאחרים ישנו רק את צבע ברירת המחדל.
השתמש ב- CSS Pseudo-classes כדי לשנות את כל החלקים של קישור
Pseudo-class מיוצג ב- CSS עם נקודתיים (:) לפני שם המחלקה. ארבעה כיתות פסאודו משפיעות על קישורים:
כדי לשנות את צבע הקישור המשמש כברירת מחדל:
a: link {color: red; }
כדי לשנות את הצבע הפעיל:
a: פעיל {color: כחול; }
כדי לשנות את צבע הקישור הבא:
a: Visit {color: סגול; }
כדי לשנות את צבע העכבר מעל:
שיקולים
הימנע מחליפת צבעי קישור המוגדרים כברירת מחדל כדי להפוך את הקישורים לקשים יותר. לדוגמה, שינוי קישור לצבע בהיר מאוד על רקע לבן ישפיע לרעה על המבקרים לקויי ראייה. לכוון צבעים נפרדים לצבעים פעילים ופעילים, כדי לוודא שמבקרי האתר לא יתבלבלו לגבי הדפים שבהם ביקרו.
