4

これが問題です。<tr>各アイテムの上下に境界線が表示されるようにコードを作成しました。ただし、上部の要素を除いて、下部にあるものだけが表示されます。

.tstyle1 {
    margin: 10px 0 0 30px;
    width: 950px;
}

.tstyle1 tr {
    height: 120px;
    border-bottom: 1px solid black;
    border-collapse: separate;
    border-top: 1px solid black;
    border-bottom: 1px solid orange;
}

.tstyle1 td {
    border: none;
}

これが再現された問題です。 http://jsfiddle.net/fL3rx/

4

2 に答える 2

5

試す

あなたに追加display: block;する.tstyle1 tr

于 2013-01-24T01:27:51.230 に答える
1

問題は、border-bottom定義が単にborder-top定義をカバーしていることです。そのため、下の色は表示されません。を設定してみてborder-bottom:noneください。上部の境界線が表示されます。

@Priceyによる提案は、しかし、いくつかの魔法をしました。

于 2013-01-24T01:31:34.867 に答える