自动生成带有文本框的表格行

[diana_1986]

我想请问一下，我现在做出来的自动生成表格的效果很不好，会有很明显的凹凸痕迹，下面是我用的代码：
<script>
var j=1
function add_row(){
j++;
if(t1.rows.length>=7)
{
alert("最多只能有三个电话号码!");

return}
newRow=document.all.t1.insertRow(-1)
newcell=newRow.insertCell()
newcell.style.backgroundColor='#CAE2EB'
newcell.style.borderColor='#FFFFFF'
newcell.style.textAlign='right'
newcell.innerHTML=" <span style='font-family: "新宋体"; font-size: 12px'>电话号码"+j+": </span>"
newcell=newRow.insertCell()
newcell.style.backgroundColor='#ffffff'
newcell.style.borderColor='#FFFFFF'
newcell.innerHTML=" <input name=phone"+j+" type=text size=15>"

}
</script>
我想知道，效果为什么不跟想像的一样，添加的那些行感觉跟本来有的那些行不在同一个平面上，总觉得凹进去了一些，怎么解决？？？