html table删除一列,如何从HtmlTable的一列和包含该表的部分删除边界？

我需要从htmltable的最后一列删除边框线。我想这对表的最后“一栏”(TD)：如何从HtmlTable的一列和包含该表的部分删除边界？

Comments

.nobordercell {

border: none;

}

我也试过这个(边界崩溃：崩溃)：

. . .

Comments

. . .

.middletable{

width:99%;

float:left;

border-collapse:collapse;

}

边境唯一的边缘消失是底部。我意识到这是因为仍然显示的边框属于表格，而不是td，但仍需要知道如何从HTML表格中删除边框，仅在td的边框与其相交的部分(或将相交，如果td的边界正在显示)。

这是它的外观现在：

...这是我希望它看起来：

+1

它看起来像你的'table'或'tr'本身不具有边界 –

+1

你在表中定义了1的边框。 ''，将它改为0应该从表格中删除边框。 –

+0

我想要一般的桌子上的边框;只是不在“列”上 –

A

回答

2

您可以使用：最后一子选择：

table tr td:last-child {

border: none;

}

2015-08-24 20:46:43

HoomanMns

+0

比我的更优雅的解决方案！大声笑 –

1

一些简单的CSS和安排应该帮助做诀窍，包括一个JSFiddle。此外，必须从你的HTML表标记删除边框：

.middletable{

width:99%;

float:left;

border:none;

border-collapse:collapse;

}

.bordercell{

border:1px solid black;

}

.nobordercell {

border: none;

}

Comments	Comments
Comments	Comments
Comments	Comments

2015-08-24 20:45:56

1

你可以使用CSS3 :last-of-type选择器。

.middletable{

width:99%;

float:left;

border-collapse:collapse;

}

.middletable td{

border:1px solid black;

}

.middletable td:last-of-type{

border:0px;

}

而这里的HTML：

A

B

C

2015-08-24 20:54:55