اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> /* لینک ویزیت نشده */ a:link { color: red; } /* لینک ویزیت شده */ a:visited { color: green; } /* رفتن ماوس روی لینک */ a:hover { color: hotpink; } /* لینک وقتی انتخاب(کلیک) شده است */ a:active { color: blue; } </style> </head> <body> <h2>استایل دهی به یک لینک بسته به حالت آن</h2> <p><b><a href="https://sina2.ir" target="_blank">این یک لینک است</a></b></p> <p>نکته: دستور a:hover باید پس از دستور a:link و a:visited در کدهای CSS قرار گیرد تا تاثیر داشته باشد. </p> <p>نکته: دستور a:active باید پس از a:hover در کدهای CSS قرار گیرد تا تاثیرگذار باشد. </p> </body> </html>
