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/