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;}
« استفاده از مطالب این سایت، با ذکر نام سایت، بلامانع میباشد »