为什么我做的表格总是双边框,太粗,不好看
<table width="332" border="1">
  <tr>
    <td width="104">&nbsp;</td>
    <td width="212">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr> 
</table>

解决方案 »

  1.   

    cellspacing="0"
    <table width="332" border="1" cellspacing="0">
      <tr>
      <td width="104">&nbsp;</td>
      <td width="212">&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>  
    </table>
      

  2.   

    你说的是细线表格,实现原理就是设置单元格间距为1,表格背景为你需要的边框色,单元格为白色。代码参考<table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
      

  3.   


    style="border: 1px solid #000000;"
      

  4.   

    正确答案是:<table width="200" border="1" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
      

  5.   

    table{
    width:600px;
    margin:0px auto;
    font:Georgia 11px;
    color:#333333;
    text-align:center;
    border-collapse:collapse;
    }
    table td{
    border:1px solid #f00;
    width:100px;
    height:30px;
    }
      

  6.   

    有一个border-collapse:collapase使相邻的边合并
      

  7.   

    <table width="200" border="1" cellpadding="0" cellspacing="0">
      

  8.   

    <table width="332" border="1">
      <tr>
      <td width="104" style="border: 1px solid #333333;">&nbsp;</td>
      <td width="212" style="border: 1px solid #FF0000;" >&nbsp;</td>
      </tr>
    </table>你看看效果
      

  9.   


    <style type="text/css">
        table td{
            border: 1px solid red;
    }
    </style><table width="332"  border="0" cellpadding="0" cellspacing="0">
      <tr >
      <td width="104">&nbsp;</td>
      <td width="212">&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      </tr>
    </table>