瑞思卓创刘刚 发表于 2015-2-23 17:05:32

discuz论坛表格代码学习:行合并-列合并

首先制作一个2行2列的表格:
TR为行,TD为列。我们现在要制作的2行2列表格,总共合起来要有4个单元格,分为2行。所以在代码中得有2个[TR](2行)以及4个[TD](4个单元格)。
第一行第一列第一行第二列第二行第一列第二行第二列

第一行第一列第一行第二列
第二行第一列第二行第二列


合并第一列的2个单元格:
把第一列合并为一格之后,那么表格里就只剩下3个单元格了。也就是说现在的代码中有2个[TR](2行)以及3个[TD](3个单元格)。在第一个[TD]加上"=1,2":第一个数字代表“列”,第二个数字代表“行”;在这个例子中则代表一个单元格等于2个单元格的高度。
第一行第一格与第二行第一格合并第一行第二格第二行第二格


第一行第一格与第二行第一格合并第一行第二格
第二行第二格



合并一个2列3行的表格:
第一行第一格/第二行第一格/第三行第一格合并第一行第二格第二行第二格第三行第二格

第一行第一格/第二行第一格/
第三行第一格合并第一行第二格
第二行第二格
第三行第二格



在表格里设置行的背景颜色:
如上述,TR在代码中代表“行”,所以设置颜色只需稍稍修改一下TR即可:[TR=颜色代码]第一列填充色为黑色第二列第一格填充色为黑色第二列第二格填充色为紫色第二列第三格填充色为绿色

第一列第一格填充色为黑色第二列第一格填充色为黑色
第二列第二格填充色为紫色
第二列第三格填充色为绿色

第六课与第七课内容结合运用:
这里就不多做解释了,就是把这两课所学的内容结合起来运用。给大家看这个例子,是因为想让大家知道论坛代码的多元化,虽然就那么些代码,只要尝试着互相结合,就会 玩出各种花样:
第一行第一格/第二行第一格/第三行第一格合并第一行第二格第一行第三格第二行第二格填充色为紫色第三行第二格第三行第三格

第一行第一格/
第二行第一格/
第三行第一格合并第一行第二格第一行第三格
第二行第二格填充色为紫色
第三行第二格第三行第三格

瑞思卓创刘刚 发表于 2023-10-7 08:24:43

rowspan="3"列

colspan="3"   行
页: [1]
查看完整版本: discuz论坛表格代码学习:行合并-列合并