آموزش لینک‌های CSS

آموزش Link

لینک‌ها را می‌توان با هر خاصیت CSS مانند رنگ، فونت و پس‌زمینه استایل دهی کرد. در ادامه روش‌ها و مثال‌هایی برای تغییر ظاهر لینک‌ها ارائه می‌شود.

استایل دهی به لینک‌ ها

می‌توان لینک‌ها را بسته به حالتی که در آن قرار دارند، به صورت متفاوتی سبک‌دهی کرد. این چهار حالت عبارتند از:

• a:link : لینکی که هنوز بازدید نشده است.
• a:visited : لینکی که قبلاً بازدید شده است.
• a:hover : حالتی که موس روی لینک قرار گرفته.
• a:active : حالتی که لینک در حال کلیک شدن است.

    a:link { color: #FF0000; }    
    a:visited { color: #00FF00; }    
    ahover { color: #FF00FF; }    
    a:active { color: #0000FF; }
 

حذف زیرخط لینک‌ها (Text Decoration)

خاصیت text-decoration برای حذف یا افزودن زیرخط به لینک‌ها استفاده می‌شود.

    a:link, a:visited { text-decoration: none; }    
    a:hover, a:active { text-decoration: underline; }    

تغییر پس‌زمینه لینک‌ها (Background Color)

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

    
    a:link { background-color: #B2FF99; }    
    a:visited { background-color: #FFFF85; }    
    a:hover, a:active { background-color: #FF704D; }