مشخصات مقاله
آموزش لینکهای 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; }
نکته:
ترتیب استفاده از استایلها اهمیت دارد:
- a:hover باید پس از a:link و a:visited تعریف شود.
- a:active باید پس از a:hover تعریف شود.
حذف زیرخط لینکها (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; }
1403/08/02
11056
4330
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com