圆角表格 的实现...

呵呵,我一般用图片.

 

代码占用空间比较小，但是速度上来说不见得比图片快，光这么多TD浏览器就得解析半天

 

图片也才几百KB

 

这种图片一般是一两K才

 

没有演示噢

 

为什么变大之后会出现棱角???

HTML:

<table style="TABLE-LAYOUT: fixed" height="400" cellspacing="0" cellpadding="0" width="100%" border="0">
 <tr height="9" width="100%">
  <td>
  <table style="TABLE-LAYOUT: fixed" height="9" cellspacing="0" cellpadding="0" width="100%" border="0">
   <tr height="3">
    <td width="3"></td>
    <td width="3"></td>
    <td width="3"></td>
    <td bgcolor="#908a47"></td>
    <td width="3"></td>
    <td width="3"></td>
    <td width="3"></td>
   </tr>
   <tr height="3">
    <td></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td bgcolor="#f7f8f9"></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td></td>
   </tr>
   <tr height="3">
    <td></td>
    <td bgcolor="#908a47"></td>
    <td bgcolor="#f7f8f9" colspan="3"></td>
    <td bgcolor="#908a47"></td>
    <td></td>
   </tr>
  </table>
  </td>
 </tr>
 <tr>
  <td>
  <table style="TABLE-LAYOUT: fixed" height="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td width="3" bgcolor="#908a47"></td>
    <td id="oINNER" bgcolor="#f7f8f9">&nbsp;</td>
    <td width="3" bgcolor="#908a47"></td>
   </tr>
  </table>
  </td>
 </tr>
 <tr height="9" width="100%">
  <td>
  <table style="TABLE-LAYOUT: fixed" height="9" cellspacing="0" cellpadding="0" width="100%" border="0">
   <tr height="3">
    <td width="3"></td>
    <td width="3" bgcolor="#908a47"></td>
    <td width="3" bgcolor="#f7f8f9"></td>
    <td bgcolor="#f7f8f9"></td>
    <td width="3" bgcolor="#f7f8f9"></td>
    <td width="3" bgcolor="#908a47"></td>
    <td width="3"></td>
   </tr>
   <tr height="3">
    <td></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td bgcolor="#f7f8f9"></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td></td>
   </tr>
   <tr height="3">
    <td colspan="3"></td>
    <td bgcolor="#908a47"></td>
    <td colspan="3"></td>
   </tr>
  </table>
  </td>
 </tr>
</table>

 

没有演示！！！