Html 表格边框不工作：未使用css显示表格行（tr）边框

这是我的样式表

<style>
table tr{ border:1px solid #F00 ;  }
table td{ padding:20px; }
</style>    

表tr{border:1px solid#F00；}
表td{padding:20px；}

下面是一个HTML代码：

<table class="" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td>Test</td>
    <td>testing</td>
</tr>
</table>

试验
测试

这里是一个实时预览的小提琴链接。

---

您需要向td添加边框，例如：

<style>
table td{ padding:20px; border:1px solid #F00 ; }
</style>   

如果只需要行边框效果，可以尝试以下方法：

table td{
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    padding:20px; 
 }

 table{ border:1px solid #F00 ;  }

---

试试这样的方法

table td{ border:1px solid #F00 ;padding:20px;  }

---

删除

表

s

边框

属性

添加

边框折叠：折叠到您的CSS。这将允许为
tr
：）设置边框


表格{
边界塌陷：塌陷；
}
表tr{
边框：1px实心#F00；
边框顶部：1px实心#0F0；
}
表td{
填充：20px；
}

试验
测试
谢谢您的回复，但是，我只需要行边界，不需要手机查看我的更新请demo3@Husenmy demo3适用于IE@HusenHey的所有版本，这是一个非常酷的解决方案，甚至适用于IE7。但我们不能给出表{border:1px solid#F00；}，否则将在顶行和底行出现双边框。我在这里发布最终解决方案。这里是最终解决方案的小提琴链接，兄弟，太棒了！！！这很好，但与IE7不兼容：（，但是，与rest浏览器配合得很好。你有IE7的黑客或代码吗？不起作用，但是，我找到了这样的解决方案：这在IE7中有效吗？-更简单。根据另一个答案改编。
table td{ border:1px solid #F00 ;padding:20px;  }