纯HTML的圆角Table

<table cellspacing=0 cellpadding=0 border=0>
  <tbody>
    <tr>
      <td width=1></td>
      <td width=1></td>
      <td width=1></td>
      <td width=400 bgcolor=#999999 ID="AD1"></td>
      <td width=1></td>
      <td width=1></td>
      <td width=1></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999 colspan=2></td>
      <td bgcolor=#f7f8f9></td>
      <td bgcolor=#999999 colspan=2></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999></td>
      <td bgcolor=#f7f8f9 colspan=3></td>
      <td bgcolor=#999999></td>
      <td></td>
    </tr>
    <tr>
      <td width=1 bgcolor=#999999></td>
      <td id="AD2" bgcolor=#f7f8f9 colspan=5 valign="top" style="padding:5px,0px,5px,0px" align="center">
   <div style="width:370;word-break:break-all" align="left">
   使用:<br>
   1、AD2=AD1-30<br>
   kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
   </div>
   </td>
      <td width=1 bgcolor=#999999></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999></td>
      <td bgcolor=#f7f8f9 colspan=3></td>
      <td bgcolor=#999999></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999 colspan=2></td>
      <td bgcolor=#f7f8f9></td>
      <td bgcolor=#999999 colspan=2></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td bgcolor=#999999></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>
<!--------------------------------以下是改良的,会随屏幕的改变而改变大小的------------------------->
<script language="javascript" type="text/javascript" defer="defer">
eval("AD1").style.width=document.body.clientWidth*0.89;
eval("Frame").style.width=document.body.clientWidth*0.89-30;
function doResize()
{
eval("AD1").style.width=document.body.clientWidth*0.89;
eval("Frame").style.width=document.body.clientWidth*0.89-30;
}
window.onresize=doResize;
</script>

<table cellspacing=0 cellpadding=0 border=0>
  <tbody>
    <tr>
      <td width=1></td>
      <td width=1></td>
      <td width=1></td>
      <td width=400 bgcolor=#999999 ID="AD1"></td>
      <td width=1></td>
      <td width=1></td>
      <td width=1></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999 colspan=2></td>
      <td bgcolor=#f7f8f9></td>
      <td bgcolor=#999999 colspan=2></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999></td>
      <td bgcolor=#f7f8f9 colspan=3></td>
      <td bgcolor=#999999></td>
      <td></td>
    </tr>
    <tr>
      <td width=1 bgcolor=#999999></td>
      <td id="AD2" bgcolor=#f7f8f9 colspan=5 valign="top" style="padding:5px,0px,5px,0px" align="center">
   <div style="width:370;word-break:break-all" align="left" id="Frame">
   使用:<br>
   1、AD2=AD1-30<br>
   kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
   </div>
   </td>
      <td width=1 bgcolor=#999999></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999></td>
      <td bgcolor=#f7f8f9 colspan=3></td>
      <td bgcolor=#999999></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td bgcolor=#999999 colspan=2></td>
      <td bgcolor=#f7f8f9></td>
      <td bgcolor=#999999 colspan=2></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td bgcolor=#999999></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>