بمجرد مرور الفارة على هذا الرابط يتغير لونه ويأتي تحته خط

<style> <!-- A:link {text-decoration: underline; color: blue;} A:visited {text-decoration: underline; color: brown;} A:active {text-decoration: underline; color:green; } A:hover {text-decoration: underline; color: yellow;} //--> </style>

رابط بدون خط ويتغير لونه بمرور الفارة فوقه

<style> <!-- A:link {text-decoration: none; color: blue;} A:visited {text-decoration: none; color: brown;} A:active {text-decoration: none; color:purplr; } A:hover {text-decoration: underline; color: red;background-color:yellow ;} //--> </style>

رابط بدون خط تحته وبمرور الفارة يتغير لونه فقط

<style> <!-- A:link {text-decoration: none; color: #646400;} A:visited {text-decoration: none; color: #646400;} A:active {text-decoration: none; color:#B7B700; } A:hover {text-decoration: none;color: #B7B700;} //--> </style>

رابط بدون خط تحته ويتغير لونه بمجرد مرور الفارة فوقه

<style> <!-- A:link {text-decoration: none; color: لون الرابط الأصلي;} A:visited {text-decoration: none; color: لون الرابط بعد زيارته;} A:active {text-decoration: none; color:لون الرابط وهو مضغوط; } A:hover {text-decoration: underline;color: لون الرابط عند مرور الفارة فوقه;} //--> </style>

جميل هذا الرابط .. فحجمه يتغير بمرور الفارة ولونه أيضا اذا رغبت

<style> <!-- A:link {text-decoration: none; color: #646400;} A:visited {text-decoration: none; color: #646400;} A:active {text-decoration: none; color:#B7B700; } A:hover {text-decoration: none;color: #B7B700;} //--> </style><style><a:link{ font-size:10pt; } a:hover{ font-size:12pt; }</style>

عند مرور الفارة فوق الرابط فانه سوف يتم عرضه لك

<style> <!-- A:link {text-decoration: none; color: #646400;} A:visited {text-decoration: none; color: #646400;} A:active {text-decoration: none; color:#B7B700; } A:hover {text-decoration: none;color: #B7B700;} //--> <STYLE>A:link {COLOR: #646400} A:hover {COLOR: #B7B700; FONT-WEIGHT: bold; TEXT-DECORATION: none} </STYLE>