لینک ها در CSS

با توجه به اینکه لینک ها در چه حالتی هستند، می توانید هر Styleی را که مورد نظرتان است به آنها اختصاص دهید.

لینکها چهار وضعیت دارند:

  1. a:link - لینک در حالت معمولی است یعنی مشاهده نشده است.
  2. a:visited - لینک توسط کاربر مشاهده شده است.
  3. a:hover - زمانی که موس کاربر روی لینک قرار دارد.
  4. a:active - لحظه ای که کاربر روی لینک مورد نظر کلیک می کند.

مثال (لینک ها در CSS)

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
خودتان امتحان کنید »

توجه: برای تنظیم Styleهای یک لینک به موارد زیر توجه فرمایید:

  1. a:hover باید بعد از a:link و a:visited آورده شود.
  2. a:active باید بعد از a:hover آورده شود.

آموزش های مرتبط

آموزش CSS-استایل دهی لینک ها