HTML学习9

1/列的英文单词是column,行的英文单词是row;  colspan和rowspan的属性值为要合并的行数或者列数;

td和th的跨行和跨列的属性:

HTML学习9

 

 HTML学习9

 

<thead>
	<tr bgcolor="#d8e4bc" align="center" valign="center">
		<th rowspan="2">人员</th>
		<th colspan="2">2018</th>
		
		<th rowspan="2">2019</th>
		<th rowspan="2">2020</th>
	</tr>
		<tr bgcolor="#d8e4bc" align="center" valign="center">
	
		<th>上半年</th>
		<th>下半年</th>
	
	</tr>
</thead>
<tbody align="center" valign="center">
   	<tr align="center" valign="center">
		<td  bgcolor="#b8cce4">李四</td>
		<td>2019</td>
		<td>低</td>
		<td>3</td>
		<td>45</td>
	</tr>
   	<tr align="center" valign="center">
		<td bgcolor="#b8cce4">张三</td>
		<td>56</td>
		<td>低</td>
		<td>3</td>
		<td>45</td>
	</tr>
</tbody>
<tfoot>
   	<tr align="center" valign="center">
		<td bgcolor="#b8cce4">合计</td>
		<td>56</td>
		<td>低</td>
		<td>3</td>
		<td>45</td>
	</tr>
</tfoot>

  效果如下:

HTML学习9

 

HTML学习9

上一篇:关于Jquery和Ztree的应用和总结


下一篇:iQOO5G手机卡槽公布