хм...не получается(( вот что есть...
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p>
<p>
<select name="option123">
<option selected="selected">Choose option</option>
<option value="1" onClick="table.style.border='dashed'">1</option>
<option value="2" onClick="table.style.border='solid' ">2</option>
<option value="3" onClick="table.style.border='dotted' ">3</option>
</SELECT>
<p>
<select name="D1">
<option selected="selected">Choose option</option>
<option value="1" onClick=" ; ">1</option>
<option value="2" onClick=" ; ">2</option>
<option value="3" onClick=" ; ">3</option>
</SELECT>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; float: right; width: 650; height: 400" bordercolor="#111111" id="table">
<tr>
<td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td>
<td width="216" style="color: #FFFFFF"> </td>
<td width="221" style="color: #FFFFFF"> </td>
</tr>
<tr>
<td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td>
<td width="216" style="color: #FFFFFF"> </td>
<td width="221" style="color: #FFFFFF"> </td>
</tr>
<tr>
<td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td>
<td width="216" style="color: #FFFFFF"> </td>
<td width="221" style="color: #FFFFFF"> </td>
</tr>
</table>
</body>
</html>
надо на кнопку вывести изменение границы: 1. левая зеленая 2. втоорая вертикальная зеленая 3 - 3 . 4 - 4