CSSطراحی سایتگوناگون

۷-فرمت های لینک ها در CSS

در این بخش میتوانید style های مناسب را به لینک ها در حالت های مختلف اختصاص دهید.

 

 

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

 

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

 

  • تصویر قطعه کد بالا به شکل زیر است:

 

 

 

  • در این قطعه کد برای هر ۴ حالت لینک رنگ های متفاوتی انتخاب شده است.
  • توجه: برای تنظیم Styleهای یک لینک به موارد زیر توجه فرمایید:
    1. a:hover باید بعد از a:link و a:visited آورده شود.
    2. a:active باید بعد از a:hover آورده شود.

 


 

خصوصیت text-decoration اکثراً جهت حذف کردن underline از لینک ها استفاده می شود:

 

  • تصویر قطعه کد بالا به شکل زیر است:

 

 


 

خصوصیت background-color برای مشخص کردن رنگ پس زمینه لینک ها استفاده می شود:

 

  • تصویر قطعه کد بالا به شکل زیر است:

 


 

مثال های بیشتر:

 

اضافه کردن Styleهای مختلف به لینک ها

این مثال نشان می دهد که چگونه Styleهای مختلف را به لینک ها اضافه کنیم.

 

 

عمل کردن لینک مانند یک دکمه

این مثال نشان می دهد که چگونه با ترکیب چندین ویژگی در CSS لینک ها را داخل یک جعبه نشان دهیم.

 

 

 


بخش بعدی

بخش قبلی

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

همچنین ببینید

بستن
بستن