رنگ لینک ها (Link Colors)
در «رنگ لینک ها» می آموزیم هر لینک در حالت های مختلف، رنگ متفاوتی دارد. «حالت (State)» یعنی وضعیت لینک؛ مثل «بازدید نشده» یا «ماوس روی لینک».
رنگ لینک ها در HTML
به صورت پیش فرض در مرورگرها:
- لینک بازدید نشده آبی و زیرخط دار است.
- لینک بازدید شده بنفش و زیرخط دار است.
- لینک فعال قرمز و زیرخط دار است.
می توانیم با CSS این رنگ ها را تغییر دهیم.
لینک به شکل دکمه
می توانیم لینک را شبیه دکمه کنیم. فقط با CSS.
گام های عملی
- کد CSS حالت ها را بنویس. a:link تا a:active.
- رنگ و زیرخط را تنظیم کن.
- تغییرات را ذخیره و صفحه را تست کن.
نکته: برای آشنایی با لینک ها، صفحه لینک ها را ببین. همچنین صفحه استفاده از CSS کمک می کند. برای دسترسی سریع، از همین صفحه رنگ لینک ها استفاده کن.
جمع بندی سریع
- a:link رنگ لینک تازه را تعیین می کند.
- a:visited برای لینک های دیده شده است.
- a:hover هنگام رفتن ماوس فعال می شود.
- a:active لحظه کلیک را سبک می دهد.
- می توان لینک را دکمه ای کرد.