<html> <head> <script type="text/javascript"> function inset(elmnt) { elmnt.style.borderStyle="inset"; } function outset(elmnt) { elmnt.style.borderStyle="outset"; } </script> <style> td { background:C0C0C0; border:2px outset; } </style> </head> <body> <table width="80"> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="../default.asp.htm">HOME</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="../js/default.asp.htm">JavaScript</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="https://w3schools.sinsixx.com/www.microsoft.com/default.htm">Explorer</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="https://w3schools.sinsixx.com/my.netscape.com/default.htm">Navigator</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="https://w3schools.sinsixx.com/www.altavista.com/default.htm">AltaVista</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="https://w3schools.sinsixx.com/www.yahoo.com/default.htm">Yahoo!</a></td></tr> </table> </body> </html>
Your Result:
Edit the code above and click to see the result.
W3Schools.com
- Try it yourself