表格去掉边框
<table cellpadding="0" cellspacing="1" border="0" style="marign-top: 6px; width: 98%;
                 vertical-align: text-top; text-align: center; background: #5db2f6; color: #2c67c3">
                 <tr style="height: 29px; background: #ddedff; font-size: 12px; text-align: center;">
                     <th style="width: 40%;">
                         区域名
                     </th>
                     <th style="width: 42%;">
                          区域编码
                     </th>
                     <th style="width: 16%;">
                         操作
                     </th>
                 </tr>
                 <tr style="height: 20px;background:#f7fafd" id="tb_tr" >
                     <td style="text-align: left; text-indent: 3px;">                        
                     </td>
                     <td style="text-align: left; text-indent: 3px;">                        
                     </td>
                     <td style="text-align: center;">
                     </td>
                 </tr>
             </table>
怎么把表格最底下那条边框去掉呢?
他是背景叠加的。
------解决方案--------------------你表格上的边框是由于你的表格有background颜色,并且cellspacing="1"。那个框框是由于表格间隙和表格的背景色形成的。
你如果要去掉某一个边的边框,这样做是不行的。
你需要设置cellspacing="0"
然后给th和td加边框即可。另外,为防止td间的双重边框,就只显示一侧的,如:左和上,或者右和下,这样表格的另一侧会没有边框,这时,设置table的那侧边框即可。
------解决方案--------------------楼上说的对。你的边框产生效果就好比你拿了一张比较大的纸(背景色),上面放了一张小一点的纸(白色),所以就出现边框。我也有一个问题:当表格内为空的时候它的边框就不会显示,所以我加了空格
[code=HTML][/code]
<style>
.td_1{
border-left:#5db2f6 1px solid;
border-top:#5db2f6 1px solid;
}
.td_2{
border-left:#5db2f6 1px solid;
border-top:#5db2f6 1px solid;
border-right:#5db2f6 1px solid;
}
</style>
<table cellpadding="0" cellspacing="0" border="0" style="marign-top: 6px; width: 98%;
 vertical-align: text-top; text-align: center;  color: #2c67c3">
 <tr style="height: 29px; background: #ddedff; font-size: 12px; text-align: center;">
 <th style="width: 40%;" class="td_1">
 区域名
 </th>
 <th style="width: 42%;"  class="td_1">
  区域编码
 </th>
 <th style="width: 16%;"  class="td_2">
 操作
 </th>
 </tr>
 <tr style="height: 20px;background:#f7fafd" id="tb_tr" >
 <td style="text-align: left; text-indent: 3px; " class="td_1">
    
 </td>
 <td style="text-align: left; text-indent: 3px;" class="td_1">
    
 </td>
 <td style="text-align: center;" class="td_2">
  
 </td>
 </tr>
 </table>