Html 制作打破表格边界的特殊td

Html 制作打破表格边界的特殊td,html,css,Html,Css,假设我想创建一个表,其中一些行的边框打破了表的边框,如下所示 +-+-+-+ +-+-+-+ |+-+-+-+| +-+-+-+ 我该怎么做 我尝试了大纲和大纲偏移量,但IE不支持后者。使用一些div并使表格单元格溢出,如下所示: 表格{ 边界塌陷:塌陷; } 运输署{ 边框:1px纯黑; 宽度:50px; 高度:50px; 位置:相对位置; } 欧尔{ 位置:绝对位置; 左:-5px; 背景色:红色; 排名:0; 底部:0; 宽度:5px; } .或{ 位置:绝对位置; 右:-5

假设我想创建一个表,其中一些行的边框打破了表的边框,如下所示

 +-+-+-+
 +-+-+-+
|+-+-+-+| 
 +-+-+-+
我该怎么做


我尝试了
大纲
大纲偏移量
,但IE不支持后者。

使用一些div并使表格单元格溢出,如下所示:

表格{
边界塌陷:塌陷;
}
运输署{
边框:1px纯黑;
宽度:50px;
高度:50px;
位置:相对位置;
}
欧尔{
位置:绝对位置;
左:-5px;
背景色:红色;
排名:0;
底部:0;
宽度:5px;
}
.或{
位置:绝对位置;
右:-5px;
背景色:红色;
排名:0;
底部:0;
宽度:5px;
}

我不确定它们是否适用于表,但请看一下CSS属性中的第一个子项、第n个子项和最后一个子项

它将是:

tr:n第n个孩子(6)


宽度:108%用于更宽的行。

我认为您必须在表格单元格中放置一个
,并将其定位,使其溢出单元格。在第一个和最后一个单元格中?是的。等等…让我看看我能不能做一个概念证明。编辑:发布答案。这会帮助你瞄准单元格,但不会帮助你突破边界。你尝试过你的
width:108%
技巧吗?不能让某些行比其他行宽。表不是那样工作的。嗯,很接近,(我不知道之前该如何沟通),但是如果我想显示div的上下边框,而不让它看起来像div在那里呢?(以及侧面)。@praks5432我不确定我是否明白你想说什么。可以在div上使用边框而不是背景色。您可以将它们添加到上/下/左/右任意位置,或者在必要时使用几个div。