html中表格的侧边线没了,HTML表格中没有水平边框线的一列

最新推荐文章于 2022-02-26 08:58:41 发布

龙戈尔

最新推荐文章于 2022-02-26 08:58:41 发布

阅读量844

点赞数

文章标签： html中表格的侧边线没了

我试图设计下面的表格，但是我无法避免造型每一个单元格。所有细胞之间应该有一条边界线，除了来自例如第四列。此外，我试图让表格斑马条纹的两部分(它不显示在下面的布局)。HTML表格中没有水平边框线的一列

┌───┬───┬───┐ ┌───┬───┬───┐

├───┼───┼───┤ ├───┼───┼───┤

└───┴───┴───┘ └───┴───┴───┘

什么是最有效的方法呢？

更新。我接受海梅的答案和修改建议代码位：

.tbl { border-collapse:collapse; }

.tbl tr { background-color: red; }

.tbl tr.stripe { background-color: green; }

.tbl td { border:solid 1px black; }

.tbl td.none { border-style:none; background-color: white; }

1	2	3	4	5	6	7
1	2	3	4	5	6	7

不知道这是正确的，以显式地设置td.none背景为白色，但我不知道它是否可以指定元素的背景应该是与页面的背景相同。

2011-03-22

10p

它看起来像两个表格，也许你应该创建两个表格 –

2011-03-22 18:50:21

你可能会在你的表格中找到具有“col”和“colgroup”HTML标签的地方，以及基于这些标签的样式。我会测试和回答，但现在没有时间。 –

2011-03-22 18:52:42

@Luke - 两张表不会这样做，因为当表格被调整大小时，左表的第一行可以占用3行，右表第一行的文本为1行，因此行将不在行。 –

2011-03-22 20:08:08

关注