تأثيرات الماوس على الروابط

<style>
 <!--
 A. {color:#0000FF;text-decoration:none;}
 A.:hover {color:#FF3300;text-decoration:underline}
 A.:visited {color:#003366;}
 A.:visited:hover {color:#FF3300;}
 //-->
 </style>

<style>
 <!--
 A. {color:#0000FF;text-decoration:none;}
 A.:hover {color:#FF3300;text-decoration:none}
 A.:visited {color:#003366;}
 A.:visited:hover {color:#FF3300;}
 //-->
 </style>

<style>
 <!--
 A. {color:#003366;text-decoration:none;}
 A.:hover {color:#FF3300;font-weight:bold;text-decoration:none}
 A.:visited {color:#003366;}
 A.:visited:hover {color:#FF3300;}
 //-->
 </style>

<style>
 <!--a:hover{color:red; font-size:12; }-->
 </style>

<style>
 <!--a:hover{color:red; font-style:italic; }-->
 </style>
 

 <style>
 <!--a:hover{color:red; text-transform:uppercase; }-->
 </style>

<style>
 <!--
 A. {color:#0000ff;text-decoration:underline}
 A.:hover {color:#FF3300;text-decoration:overline}
 A.:visited {color:#003366;}
 A.:visited:hover {color:#FF3300;}
 //-->
 </style>

<style>
 <!--a:hover{color:red; background-color:yellow; }-->
 </style>