همه مرورگرهای وب رنگ های پیش فرض برای لینک هایشان استفاده می کنند، اگر طراح وب آنها را تنظیم نکند. آن ها هستند:
- رنگ لینک پیش فرض.
- رنگ لینک فعال (زمانی که ماوس بر روی لینک کلیک کرده و نگه داشته می شود).
- رنگ پیوند پیوندی (زمانی که لینک قبلا کلیک شد).
به علاوه، در حالی که بسیاری از مرورگرهای وب به طور پیش فرض این را تغییر نمی دهند، شما همچنین می توانید رنگ شناور را تعریف کنید - رنگ لینک زمانی است که ماوس روی آن نگه داشته می شود.
از CSS برای تغییر رنگ لینک استفاده کنید
برای تغییر این رنگ، از CSS استفاده می کنید (برخی از ویژگی های HTML معتبر که می توانید آنها را نیز استفاده کنید، وجود دارد، اما توصیه نمی شود که از هر چیزی استفاده نکنید). ساده ترین راه برای تغییر رنگ پیوند این است که برچسب را سبک کنید :
a {color: black؛ }با استفاده از این CSS، برخی از مرورگرها تمام جنبه های پیوند (فعال، پیگیری و شناور) را به سیاه تغییر می دهند، در حالی که دیگران تنها رنگ پیش فرض را تغییر می دهند.
استفاده از کلاسهای CSS برای تغییر تمامی قسمتهای یک لینک
کلاس pseudo در CSS با یک کولون (:) قبل از نام کلاس نشان داده شده است . چهار شبه کلاس وجود دارد که بر لینک تاثیر می گذارد:
برای تغییر رنگ لینک پیش فرض:
a: link {color: red؛ }برای تغییر رنگ فعال:
a: فعال {رنگ: آبی؛ }برای تغییر رنگ پیوند پیوند:
a: بازدید {color: purple؛ }برای تغییر ماوس روی رنگ:
a: شناور {رنگ: سبز؛ }