是否有任何理由，你不能在一个HTML表格使用CSS在<tr>周围的边框

Question

我有一个表，我有一个类与“underRow”设置类。

在CSS我：

.underRow { 
border-bottom-color: #7a26b9; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
} 

，但该行的边界似乎并没有在所有变化。如果我将类属性向下移动到td，它可以正常工作（但问题是我在中间填充单元格之间的空间，我想要避免这个空间，并且在该行下面有一条直线

这有什么错把CSS边界行（TR）元素的属性

下面是CSS的这个表以供参考，其余：

.quantityTable { 
    border-radius: 5px 5px 5px 5px; 
    background-color: #d6b4E1; 
    padding: 5px; 
    margin-bottom: 5px; 
    width: 100%; 
    border-width: 2px; 
    border-color: #7a26b9; 
    border-style: solid; 
} 

Answer 1

不，它应该工作。

看到这个：http://jsfiddle.net/jasongennaro/qCzrg/

也许你需要与

border-collapse:collapse 

或者，也许其他样式的TD崩溃您的边界是压倒

你能告诉更多的代码。

根据您的编辑：

（但问题是，我得到中间其中填充 是细胞之间的空间我想避免这个空间，并有一个直 。线行下面。

听起来像是你肯定需要border-collapse

你应该把它添加到风格table。

下面是详细了解一下吧：http://www.the-art-of-web.com/css/bordercollapse/

EDIT 2

基于新的代码和以下评论：

的问题是，如果我使用：border-崩溃：崩溃然后 边界半径造型不再工作

我猜你想是这样的

.quantityTable{ 
    border-radius: 15px 15px 15px 15px; 
    background-color: #d6b4E1; 
    margin-bottom: 5px; 
    width: 100%;  
} 

.underRow{ 
    border-bottom-color: #7a26b9; 
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
} 

.underRow:last-child{ 
    border-bottom:none; 
} 

.underRow td{ 
    padding: 15px; 
} 

例子：http://jsfiddle.net/jasongennaro/qCzrg/1/

注意

1. 我所做的半径更大，所以你可以看到它更容易。

2. 我也是从自身

Answer 2

的一些浏览器唐某些版本不要在tr元素上设置边框样式。

您可以随时在td上设置它们。

.underRow td { 
    border-bottom: 1px solid #7a26b9; 
} 

如果有边框间距您可能需要使用border-collapse: collapse;崩溃表格的边框。