Html 第二组<；TR>；一起设计为t车身而不是造型

出于某种原因，我尝试过设计

的样式，但无论我使用了多少现有样式，都没有任何区别

从理论上讲，以下方法应该有效，但不能

t车身{
边框：1px实心#2696A1；
宽度：100%；
边界间距：0px；
边缘顶部：2倍；
边缘底部：2px；
内部分页符：避免；
边界塌陷：塌陷；
}

试验
试验
试验
试验
试验
试验

我认为tbody将边界定义为一种虚拟的方式，并提高了人类的可读性。然而，你可以用一种巧妙的方式来实现目标，而不是设计车身。甚至tr也不是应用样式的好地方。您应以td、th等为目标。请尝试以下方式应用边界：

    table {
      width: 100%;
      border-spacing: 0px;
      margin-top: 2px;
      margin-bottom: 2px;
      page-break-inside: avoid;
      border-collapse: collapse;
    }
    tbody > tr:first-child > td {
        border-top: 1px solid #2696A1;
    }
    tbody > tr > td:first-child {
        border-left: 1px solid #2696A1;
    }
    tbody > tr > td:last-child {
        border-right: 1px solid #2696A1;
    }
    tbody > tr:last-child > td {
        border-bottom: 1px solid #2696A1;
    }

---

你能发表一篇包含这个问题的文章吗？像往常一样给TD标签加上样式；）@c69 TD标签不会显示行之间的任何关系，这些必须是边框，以便在使用默认设置打印时显示。是的，顶部TR的TD上边框顶部，较低TR的TD上边框底部-使您产生由两行组成的大单元格的错觉。@c69 True。。。然后，当我切换jQuery expand时，我可以使用一个样式开关来移除top TR的底部边框。真棒的答案，虽然我不能把它作为一个答案，哈哈