קישורים משמשים לחיבור עמוד אחד לדפי אינטרנט אחרים. קישורים עם אותו דבר צֶבַע מכיוון שקשה להבחין בשאר הטקסט. תכונת הצבע של ה-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>בדוק את זה עכשיו
תְפוּקָה
כאשר התוכנית תצא לפועל, נקבל את המסך הבא.
עם ריחוף, הקישור ייראה כך:
כאשר הקישור במצב פעיל, הצבע של הקישור הוא אדום, כפי שמוצג להלן.