1

動的テーブルを作成しています。

各セルには灰色の背景色があり、各セルの間に (垂直方向と水平方向に) 空白が必要です。

だから私はCSSプロパティを使用しています

table {
border-spacing:10px;
}
td {
background-color:grey;
}

この空白はセル間だけではないという事実を除けば、うまく機能します。実際には、テーブルの端にあるセルを含むすべてのセルの周りにあります。

これは、テーブルの周りに余白があることを意味します。

「その境界線がテーブルの端にある場合を除いて、セルの境界線の間にスペースを入れてください」と言う方法はありますか?

注: これは動的なテーブルなので、「内部」セル専用の CSS クラスは避けたいと思います。

4

2 に答える 2

0

ご希望のデザインを実現できるかもしれません

table {
    border-collapse:collapse;
}
td {
    background-color:grey;
    border:10px solid red; /*assuming red is the color of the background to make it look transparent*/
}
tr:first-child td{border-top:0}
tr:last-child td{border-bottom:0}
td:first-child{border-left:0;}
td:last-child{border-right:0;}

http://jsfiddle.net/gaby/cHpTE/のデモ

于 2013-12-10T11:10:22.923 に答える