table横跨多行多列样式代码,Css代码库,德仔网

代码语言

代码分类

【Css】 table横跨多行多列样式

作者:ksly / 发布于2014/9/20/ 613


	<html>
	
	<body>
	
	<h4>横跨两列的单元格：</h4>
	<table border="1">
	<tr>
	<th>姓名</th>
	<th colspan="2">电话</th>
	</tr>
	<tr>
	<td>abc</td>
	<td>10086</td>
	<td>10086</td>
	</tr>
	</table>
	
	<h4>横跨两行的单元格：</h4>
	<table border="1">
	<tr>
	<th>姓名</th>
	<td>abc</td>
	</tr>
	<tr>
	<th rowspan="2">电话</th>
	<td>10086</td>
	</tr>
	<tr>
	<td>10086</td>
	</tr>
	</table>
	
	<h4>横跨多行多列的单元格：</h4>
	<table border="1">
	<tr>
	<th colspan="2">姓名</th>
	<th>abc</th>
	</tr>
	<tr>
	<th rowspan="2">电话</th>
	<td>10086</td>
	<td>10086</td>
	</tr>
	<tr>
	<td>10086</td>
	<td>10086</td>
	</tr>
	</table>
	
	</body>
	</html>
	运行结果如图：
	
	table

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　多行多列　

同语言下

可能有用的

ksly贡献的其它代码(5)