河南瑞思卓创文化传播有限公司

标题: discuz论坛表格代码学习：行合并-列合并 [打印本页]

作者: 瑞思卓创刘刚 时间: 2015-2-23 17:05
标题: discuz论坛表格代码学习：行合并-列合并
首先制作一个2行2列的表格：
TR为行，TD为列。我们现在要制作的2行2列表格，总共合起来要有4个单元格，分为2行。所以在代码中得有2个［ＴＲ］（2行）以及4个［ＴＤ］（4个单元格）。

[table=500][tr][td]第一行第一列[/td][td]第一行第二列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table]

复制代码

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

合并第一列的2个单元格：
把第一列合并为一格之后，那么表格里就只剩下3个单元格了。也就是说现在的代码中有2个［ＴＲ］（2行）以及3个［ＴＤ］（3个单元格）。在第一个［ＴＤ］加上"=1,2"：第一个数字代表“列”，第二个数字代表“行”；在这个例子中则代表一个单元格等于2个单元格的高度。

[table=500][tr][td=1,2]第一行第一格与第二行第一格合并[/td][td]第一行第二格[/td][/tr][tr][td]第二行第二格[/td][/tr][/table]

复制代码

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

合并一个2列3行的表格：

[table=500][tr][td=1,3]第一行第一格／第二行第一格／第三行第一格合并[/td][td]第一行第二格[/td][/tr][tr][td]第二行第二格[/td][/tr][tr][td]第三行第二格[/td][/tr][/table]

复制代码

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

在表格里设置行的背景颜色：
如上述，ＴＲ在代码中代表“行”，所以设置颜色只需稍稍修改一下ＴＲ即可：［ＴＲ＝颜色代码］

[table=500][tr=black][td=1,3]第一列填充色为黑色[/td][td]第二列第一格填充色为黑色[/td][/tr][tr=purple][td]第二列第二格填充色为紫色[/td][/tr][tr=green][td]第二列第三格填充色为绿色[/td][/tr][/table]

复制代码

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

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

[table=500][tr][td=1,3]第一行第一格／第二行第一格／第三行第一格合并[/td][td]第一行第二格[/td][td]第一行第三格[/td][/tr][tr=purple][td=2,1]第二行第二格填充色为紫色[/td][/tr][tr][td]第三行第二格[/td][td]第三行第三格[/td][/tr][/table]

复制代码

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

作者: 瑞思卓创刘刚 时间: 2023-10-7 08:24
rowspan="3" 列

colspan="3" 行

欢迎光临河南瑞思卓创文化传播有限公司 (https://www.zzrszc.cn/)