html - css 边框未应用于表 tr

Question

这是 jsfiddle

http://jsfiddle.net/r323e/

很简单:

我想在表格 tr 上加一个边框，所以我尝试了这个:

.table tr{
    height: 30px;
    border-bottom: 10px solid #000000;
}

应用了 height 属性，但没有应用边框。

为什么要这样？以及如何修复它。

非常感谢

Answer 1

将 display:block 添加到您的 tr 样式。

.table tr{
display:block;
height: 30px;
border-bottom: 10px solid #000000;
}