如何得到一个只要内部线,不要外部线的表格

如田子中间的十

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
    <title></title>
    </head>
    <style>
    td{border:1px solid #666666}
    </style>
    <body>
    <table width="200" border="0">
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </body>
    </html>
      

  2.   

    <style type="text/css">
    <!--
    table {border-collapse:collapse;}
    td{
    border-left:1px solid #00cd11;
    border-top:1px solid #00cd11;
    border-right:1px solid #00cd11;
    border-bottom:1px solid #cb1122;
    font-family:"Courier New", Courier, mono;
     
    font-size:11px;
    height:25px;
    padding:0 12px 0 12px;
    border-collapse:collapse;
    }
    .tdblue{
    font-weight:bold;
    color:#3C00C6;
    }
    -->
    </style><table cellspacing="0" cellpadding="0">
      <tr>
        <td class="tdblue">Select My Menu</td>
      </tr>
      <tr>
        <td>Who am I?</td>
      </tr>
      <tr>
        <td>细线表格</td>
      </tr>
      <tr>
        <td>Contact me</td>
      </tr>
    </table>
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>shawl.qiu template</title>
    <style type="text/css">
    /* &lt;![CDATA[ */
     table{
      border-collapse:collapse!important;
     }
     input{
      margin:-1px -1px 0px -1px!important;
      padding:1px!important;
      border:0px !important;
     }
    /* ]]&gt; */
    </style>
    </head>
    <body>
    <table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#0099FF">
    <tr>
    <td width="233">
    <table width=100% bordercolor="#0099FF" border=1 frame=void>
    <tr>
    <td>aaa</td>
    <td>bbb</td>
    </tr>
    </table>
    </td>
    <td width="168">&nbsp;</td>
    <td width="191">&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><input type="text" name="textfield" style="width:100%;height:100%" /></td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </body>
    </html>
      

  4.   

    对于处于边界处的单元格（td）设置相应的
    style：
    border-top-style
    border-left-style
    border-bottom-style
    border-right-style
      为none；  例：第（0，0）个单元格：
       <td  id＝"td00"  style＝"border-top-style:none;border-left-style:none"> </td>比较烦一点，不过可以写个算法批量设置。
       script 脚本：td00.style.borderTopStyle="none";
                    td00.style.borderLeftStyle="none";