如何在HTML表格中构造不规则形状?

如何在HTML表格中构造不规则形状?,html,css,html-table,Html,Css,Html Table,我正在尝试用HTML复制下表: 但是有一些额外的不规则形状的行,我想知道是否有一种简单的方法来使用表格编码它们,特别是学校在周五游泳,周一到周四晚上租房 我知道如何使用colspan和rowspan,但是这些天在表格中有什么网格设计技巧吗 对于像上面这样的行和列,用非正统形状编码表的最佳方法是什么 以下是我迄今为止所做的,但我不知道如何制作额外的不规则形状: 表格, th, 运输署, tr{ 边框:2个实心#263333; 边界塌陷:塌陷; } .附表td{ 宽度:16.666%; 垂直对齐:

我正在尝试用HTML复制下表: 但是有一些额外的不规则形状的行,我想知道是否有一种简单的方法来使用表格编码它们,特别是学校在周五游泳,周一到周四晚上租房

我知道如何使用colspanrowspan,但是这些天在表格中有什么网格设计技巧吗

对于像上面这样的行和列,用非正统形状编码表的最佳方法是什么

以下是我迄今为止所做的,但我不知道如何制作额外的不规则形状:

表格,
th,
运输署,
tr{
边框:2个实心#263333;
边界塌陷:塌陷;
}
.附表td{
宽度:16.666%;
垂直对齐:中间对齐;
文本对齐:居中;
填充:0;
}
.附表tr{
身高:3公分
}
.附表tr{
身高:3公分
}
.附表{
高度:1米;
颜色:#f2f5f7;
背景:#263333
}
noborder先生{
边界:0;
}

星期一
星期二
星期三
星期四
星期五
星期六
早起的鸟儿游泳

上午6:00-8:30

早起的鸟儿游泳
上午6:00-7:30 早起的鸟儿游泳
上午6:00-8:30 员工会议上午7:30-8:30 卡尔斯顿学校上午8:30-下午3:00 卡尔斯顿学校上午8:30-下午12:00 租金上午10:00-下午12:00 泳道游泳/家长和托特下午12:00-1:00 游泳俱乐部下午3:15-5:00 公众游泳下午1:00-5:00 泳道游泳下午5:00-6:00 家人下午6-8:00 公众游泳下午6:00-8:00 Aqua-Fit 8-9 Aqua-Fit 8-9 租金:晚上8:00-10:00 租到晚上10:00 租金:晚上9:00-10:00
您可以使用colspan和rowspan,但对于某些单元格,您需要为每个单元格定制CSS。您可以控制td单元每一侧的厚度和颜色:

.some-class {
border-left: 1px solid #000000;
border-right: 0px solid #000000;
}
等等,或用速记:

border: 1px 1px 0px 1px solid #000;

这一切都可以通过使用colspan和/或多个表来实现。或者通过CSS删除/添加边框,但我不知道这是否允许。colspan和rowspan是您所需要的全部。看,我的女士,@PootieTang不想对萨玛奶牛做任何事…'因为这是一个卡玛卡玛利帕查三世,迪格萨·达泰,我的达米我希望能有一些没有样式的巫师方法。不,但我会识别常见的图案,然后相应地命名和使用。例如,如果您有一个没有左边框的三面单元格,您可以调用它.td no left,并在您有需要保持左边框打开的单元格时重用它。