单元格的合并:
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/post/7551.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知