logo

כיצד לשנות את צבע הקישור ב-CSS?

קישורים משמשים לחיבור עמוד אחד לדפי אינטרנט אחרים. קישורים עם אותו דבר צֶבַע מכיוון שקשה להבחין בשאר הטקסט. תכונת הצבע של ה-CSS משמשת לשינוי צבע הקישורים.

מתנגד ל-json ב-java

באמצעות CSS, אנו יכולים לסגנן את הקישורים בדרכים שונות. אנו יכולים להגדיר כמה מצבים של ההיפר-קישור שהם כדלקמן:

a:active הוא משמש להוספת סגנון לאלמנט פעיל.
a:רחף זה מוסיף אפקטים מיוחדים לאלמנט כאשר המשתמש מעביר את מצביע העכבר מעל האלמנט.
קישור זה מוסיף סגנון לקישור שלא ביקר.
א: ביקר זה מוסיף סגנון לקישור שביקר בו.

יצוין כי בהגדרת CSS, a:רחף חייב לבוא אחרי קישור ו א: ביקר וגם א: פעיל חייב לבוא אחרי a:רחף על מנת להיות יעיל.

סדר ההכרזה על מצבי ההיפר-קישור ניתן כדלקמן:

 a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} 

כדי לשנות את צבע הקישור, עלינו להשתמש ב- צֶבַע רכוש של CSS. ניתן לתת את שם הצבע בכל פורמט חוקי, כגון שם הצבע, ערך rgb() או ערך HEX.

מעטפת טקסט css

כעת, בואו נראה כיצד להגדיר את צבע הקישורים באמצעות כמה דוגמאות.

דוגמא

כברירת מחדל, הצבע של הקישורים הרגילים או הלא ביקרו הוא כחול. בדוגמה זו, אנו משנים את צבע הקישור המוגדר כברירת מחדל על ידי שימוש ב- צֶבַע תכונה.

להסיר מטמון npm
 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
בדוק את זה עכשיו

תְפוּקָה

כאשר התוכנית תצא לפועל, נקבל את המסך הבא.

כיצד לשנות את צבע הקישור ב-CSS

עם ריחוף, הקישור ייראה כך:

כיצד לשנות את צבע הקישור ב-CSS

כאשר הקישור במצב פעיל, הצבע של הקישור הוא אדום, כפי שמוצג להלן.

כיצד לשנות את צבע הקישור ב-CSS