去除表格中的双线用:cellspacing="0" cellpadding="0"合并行和列:rowspan colspan列合并:合并n个,本行减少n个列行合并:合并n个行,本行及下面的n-1个行减少一个列如果做和列合并的操作,首先把完整的table画出来,然后再逐个合并
<table border="1" cellspacing="0" cellpadding="0">
<caption>这是表格的标题</caption>
<tr>
<th colspan="6">week</th>
<!--<th></th>-->
<!--<th></th>-->
<!--<th></th>-->
<!--<th></th>-->
<!--<th></th>-->
</tr>
<tr>
<td>Monday</td>
<td>Tuesday</td>
<td>Wensday</td>
<td>Thursday</td>
<td>Friday</td>
<td rowspan="2">Saturday</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<!--<td>6</td>-->
</tr>
</table>
对于结构复杂的表格,可以将表格分成三部分,表头thead,正文tbody,脚注tfoot 这三个标签的作用是:让表格在下载的时候可以分段显示,tbody可以优先显示 thead内的元素显示在表的最上面,tfoot显示在表的最下面,顺序不会随着html中代码改变而改变。
<table border="1">
<thead>
<tr>
<th colspan="2">head</th>
</tr>
</thead>
<tbody>
<tr>
<td>body1</td>
<td>body2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>foot1</td>
<td>foot2</td>
</tr>
</tfoot>
</table>