表格的合并 表单的写法
单元格的合并：
1、找到要合关的单元格
2、保留要合并的单元中的第一个，删除后面的
3、然后定义保留下来的单元格所占的行数或者列数
合并左右关系的单元格，用colspan
合并上下关系的单元格，用rowspan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!-- table标签表示这是一个表格 --> <!-- tr表示一行 --> <!-- border 边框 --> <!-- align 水平居 排列 排整齐 --> <!-- center 居中 --> <!-- valign 垂直居 top 居上 bottom居下 middle居中--> <table border="1" width="800" height='300' align="center"> <tr height="80" bgcolor="#FFB5C5" align="center" valign="top"> <td></td> <td>星期一</td> <td>星期二</td> <td>星期三</td> <td>星期四</td> <td>星期五</td> </tr> <tr> <td bgcolor="#D1EEEE">第一节课</td> <td rowspan="3"></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>第二节课</td> <td></td> <td colspan="2"></td> <td></td> </tr> <tr> <td>第三节课</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>第四节课</td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
上面代码效果图片展示
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知