1

CSS のみを使用してテーブルを調整する必要があります (必要に応じてクラス名を追加する以外に HTML を変更することはできません)。

trクラスを割り当てたものの上部に白い境界線を追加したい.rowOne。あるいは、私のページの背景が白であるため、余白を追加することもできます。そのため、余白だけでも白と同じ結果になります。border-top

何らかの理由で、rowOneクラスに適用した CSS が機能しません。

問題を表示するJS Fiddle

のCSS.rowOne

table .rowOne{
    border-top:8px solid #fff;
}

これが機能しない理由はありますか？この行にギャップ/ボーダー/マージンを設定するにはどうすればよいですか?

4

3 に答える 3

1 
table .rowOne td {
    border-top:8px solid #fff;
}

それは機能しているようですが、trで直接機能しない理由はわかりません。また、非推奨の属性を多数使用しています。情報については、こちらを参照してください: https://developer.mozilla.org/en-US/docs/HTML/Element/table

于 2013-03-11T13:35:48.697 に答える
0

境界線は機能しますが、最初の tr の下にあるために表示されないだけです。

あなたがする必要があるのは、float プロパティを tr に設定することです。

何かのようなもの。

table.deliveryTbl tr {

    float: left;   

}
于 2013-03-11T13:48:26.523 に答える
0

テーブルに境界線の折りたたみを追加すると役立つようですが、私が考えていなかった副作用がある可能性があります。 

table.deliveryTbl
{
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color:transparent;
    width:100%;
    border-collapse: collapse;
}
于 2013-03-11T13:57:47.473 に答える