日期:2014-05-17  浏览次数:20832 次

表格去掉边框
<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%;">
  &nbsp;区域编码
  </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">
&nbsp;区域编码
</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">
&nbsp;
</td>
<td style="text-align: left; text-indent: 3px;" class="td_1">
&nbsp;
</td>
<td style="text-align: center;" class="td_2">
&nbsp;
</td>

</tr>
</table>