如何避免边界崩溃

Question

这是一个让我忙碌一段时间的问题。

正如您在the fiddle中看到的那样，我试图将边框设置为单元格的顶部。 我想要实现细胞的边界看起来像我给div的边界。 你知道怎么做吗？我已经尝试设置边框图像，但它也不起作用。

Answer 1

您是说这是您所期望的：http://jsfiddle.net/35qgP/4/

table {
    width: 50%;
}
.border1 td {
    border-top: 3px solid red;
}
.border2 td {
    border-top: 1px dotted blue;
}
.border3 td {
    border-top: 1px dashed blue;
}

或者以border-collapse: collapse;方式使用td：

td {border-collapse: collapse;}

Answer 2

试试这个？

http://jsfiddle.net/35qgP/2/