<table>
<tr>
<td>第1格</td>
<td>第1格</td>
<td>第2格</td>
</tr>
</table>
这段代码是一点都不能动了? 我做了段js代码,适合你的例子,也只有这种方法了!
<script type="text/javascript">
var firstname=document.getElementsByTagName("td")
firstname[0].style.backgroundColor="red"
firstname[1].style.backgroundColor="blue"
firstname[2].style.backgroundColor="yellow"
</script>
不过这段代码必须加在<table>...</table>后,不能加在<head>内,因为代码有作用必须在页面元素加载完毕后再执行才行,并且在实际中并适合用于大的网页,比如你的页面表格很多,td元素数组长度就很大,遍历时数组下脚值就是个大问题,还是你建议多辅助些css.
1、要么分别对TR下面的第一个TD设置text-align:right第二个TD设置text-align:left2、用jQuery获取每一个TR下面的奇数（ODD）TD和偶数（EVEN）TD，然后分别设置属性
请问 td 的横向距离是要实现怎样的效果？其实可以通过 td 设置 padding，而 td 不设置边框，在 td 里面放一个 div 什么的，来模拟边框，这样就相当于 td 之间有横向距离。
但是这样 td 的 table-cell 特性就没有了，上面只是提出一个建议而已，实际还是需要根据需求实现效果。
