html - 如何避免边界崩溃

Question

这是一个让我忙了一阵子的问题。

正如您在小提琴中看到的那样，我正在尝试为单元格顶部设置边框。我想实现单元格的边框看起来像我给 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;对所有tds 使用 a：

td {border-collapse: collapse;}

Answer 2

试试这个？

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