首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

表格去掉边框解决办法

2012-02-26 
表格去掉边框table cellpadding0 cellspacing1 border0 stylemarign-top: 6px width: 98%ve

表格去掉边框
<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>

 

热点排行