HTML 表格跨行与跨列

最新推荐文章于 2024-08-14 12:55:09 发布

houxianyj

最新推荐文章于 2024-08-14 12:55:09 发布

阅读量3w

点赞数 4

分类专栏： HTML

本文链接：https://blog.csdn.net/yaojuns/article/details/26804017

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<table border="1px" width="300px"  cellspacing="0" cellpadding="0" bgcolor="red" ><!--border 边框  参数都打引号 cellspacing单元格间距-->
	    <tr>
		<td align="left">姓名</td>
		<td align="center">性别</td>
		<td align="right">年龄</td>
	    </tr>
	    <tr>
		<td valign="top">张2</td>
		<td valign="middle">男 </td>
		<td valign="bottom">20 </td>
	    </tr>
</table>

<table border="1">
	    <tr bgcolor="red" >
		<td colspan=3>值班人员</td><!--colspan=3 跨3列 -->
	    </tr>
	    <tr>
		<td bgcolor="red">星期一</td>
		<td>星期二</td>
		<td>星期3</td>
	    </tr>
	    <tr><td>张三</td><td>里司</td><td>望物</td></tr>
</table>

<table border="1">
	    <tr>
		<td rowspan="3" bgcolor="red">值班</td><!--rowspan="3"跨3行  -->
		<td>星期一</td>
		<td>星期二</td>
		<td>星期三</td>
	    </tr>
	    <tr>
		<td>张3</td>
		<td>里司</td>
		<td>望物</td>
	    </tr>
	    <tr>
		<td>张2</td>
		<td>里司2</td>
		<td>望物3</td>
	    </tr>
</table>