Tryit Editor v1.4

<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="../../www.microsoft.com/default.htm">Explorer</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="../../my.netscape.com/default.htm">Navigator</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="../../www.altavista.com/default.htm">AltaVista</a></td></tr> <tr><td onmouseover="inset(this)" onmouseout="outset(this)"><a href="../../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