رنگ‌های لینک

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< HTML:Tutorial‏ | لینک ها(تغییرمسیر از رنگ لینک در HTML)
پرش به ناوبری پرش به جستجو

بطور پیش‌فرض، لینک (در همه مرورگرها) به شکل زیر ظاهر می‌شود:[۱]

  • یک لینک دیده نشده، زیر آن خط کشیده شده و آبی رنگ است
  • یک لینک دیده شده، زیر آن خط کشیده شده و به رنگ بنفش است
  • یک لینک فعال، زیر آن خط کشیده شده و قرمز است

می‌توان رنگ‌های پیش‌فرض را با استفاده از CSS تغییر داد:

مثال

<style>
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>

مشاهدهٔ نتیجه

کلید‌های لینک

همچنین می‌توان لینک را با استفاده از CSS بصورت یک کلید طراحی کرد:

This is a link

مثال

<style>
a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}
</style>

مشاهدهٔ نتیجه

برای کسب اطلاعات بیشتر در مورد CSS، به آموزش CSS ما بروید.

تگ های لینک HTML

تگ تعریف
<a> یک ابر لینک تعریف می‌کند

برای دستیابی به لیست کامل همه تگ‌های HTML، از مرجع تگ‌های HTML ما بازدید کنید.



منابع آموزشی