לפני שמתחילים שלב 1 - רקע שלב 2 - גופן שלב 3 - פסקה שלב 4 - תיבה שלב 5 - רשימות עיצוב קישורים שונות CSS ב-JS

עיצוב קישורים

ישנם 4 סוגים של פסבדו-אלמנטים לקישורים (והחל מ-IE7 גם לשאר האלמנטים בדף): .hover-ו active ,visited ,link
כל סוגי הקישורים מקבלים כל הצהרה מכל סוג (חוץ ממיון).


link

זהו מצב ברירת-המחדל של קישור (ברירת המחדל היא כחול וקו תחתון). מקבל למאפין link של body.

a:link {color:Blue}

active

זהו מצב מוזר, שזמין רק בעזרת Tab או בשניה שלחצו על הקישור. מקביל ל-active ב-body.

a:active {color:Red}

visited

קישור לכתובת שהמשתמש ביקר בה כבר (שימושי אם רוצים להסתיר את העובדה שהוא ביקר). מקביל ל-visited של body.

a:visited {color:Teal}

hover

מצב הקישור כשהעכבר עובר מעליו (שימושי כאשר מגדילים את הגופן, משנים את הצבע או מוסיפים קו תחתון בלי סקריפט

a:visited {color:Teal}

שונות