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