<tr> border top working but not border bottom

Question

問題出在這裏。我有我的代碼，所以我應該看到每個項目的頂部和底部的邊框。不過，除了頂部的元素，我只能看到底部的內容。

.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/

謝謝！

Answer 1

嘗試

加入display: block;您.tstyle1 tr

Answer 2

的問題是，你的下邊框定義只是覆蓋您的邊框頂部的定義。所以下面的顏色不會顯示。嘗試設置border-bottom:none，你會看到頂部邊框顯示

@Pricey的建議做了一些神奇的事。