CSS :  اختصاص دادن استايل به لينكها در CSS

• برای لينكها می‌توان از خصوصيات Font, Background, color و ... استفاده كرد.

- چهار مرحله برای لينكها وجود دارد:
1) link : حالت نرمال لينك.
2) visited : يك لينك كه كاربر از آن بازديد كرده است.
3) hover : يك لينك كه ماوس كاربر روی آن قرار گرفته است.
4) active : يك لينك كه در آن لحظه كليك شده است.

• نمونه‌ی دستورات بصورت زير:

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;} /* selected link */

نكته: وقتی می‌خواهيم برای چندين لينك استايل در نظر بگيريم بهتر است تركيب زير را انجام دهيم:

a:hover, a:active {color:#000;}
a:hover, a:active {color:red;}

برای تعيين زيرخط هنگام رفتن روی لينكها از text-decoration استفاده می‌شود.

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

برای تعيين رنگ زمينه و تغيير آن از background-color استفاده می‌شود.

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

« استفاده از مطالب این سایت، با ذکر نام سایت، بلامانع می‌باشد »