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

怎么不改tr和td代码改变表格内边距

2013-10-10 
如何不改tr和td代码改变表格内边距?table width386 height74 border1cellpadding0 cellspacing0 bor

如何不改tr和td代码改变表格内边距?

<table width=386 height=74 border=1  cellpadding=0
 cellspacing=0 bordercolor=#cccccc class="table1">
<tbody >
<tr>
<td width= 129 ></td>
<td height=17 align=right width=57>2013</td>
<td align=right width=57>2012</td>
<td width=66 align=right>Change</td>
<td width=66 align=right>%</td>
</tr>
<!--上面代码可以改变-->

<!--从此以下14行代码不可以改变-->
  <tr height="17">
<td height="17">条目1</td>
<td align="right">20</td>
<td align="right">-25</td>
<td align="right">93 </td>
<td align="right">17</td>
  </tr>
  <tr height="17">
<td height="17">条目2</td>
<td align="right">14</td>
<td align="right">3.2</td>
<td align="right">67 </td>
<td align="right">231</td>
  </tr>
<!--下面代码可以改变-->
</tbody>
</table>


如何不改变tr和td代码,而改变表格内显示数字与表格边框的padding(内边距)?
[解决办法]
LZ可以通过JS改变TD的样式,例如:

$(.table1 tr td).each(function() {
    $(this).css({ "padding": "0px 5px 0px 5px" });
});

热点排行