首页 > Web开发 > 详细

HTML学习9

时间:2020-09-04 08:49:25      阅读:54      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

 

 技术分享图片

 

<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

原文:https://www.cnblogs.com/annjk/p/13611415.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!