如何显示成这样的样式？

海洋夜之星 2013-07-02 03:40:31

如图，我想显示成上图的那种表格样式，我自己的代码实现不了，不知道怎么搞的，上代码给大家看看，求高手指点。

<table border=1>

<tr>

<td rowspan="3">是是</td><td rowspan="3">是是</td><td rowspan="3">是是</td><td rowspan="3">



是是</td><td rowspan="3">是是</td><td rowspan="3">是是</td>

<td colspan="11" rowspan="3" >是是</td>

</tr>

<tr>

<td colspan="2">是是</td><td rowspan="2">是是</td><td colspan="2">是是</td><td colspan="3">



是是</td><td>是是</td><td>是是</td><td>是是</td>

</tr>

<tr>

<td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是



</td><td>是</td><td>是</td>

</tr>

</table>

...全文

251 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

海洋夜之星 2013-07-02

打赏
举报

引用 1 楼 KongHuLu 的回复:


<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<table border="1">
<tr>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td colspan="11">是是</td>
</tr>
<tr>
	<td colspan="2">是是</td>
	<td rowspan="2">是是</td>
	<td colspan="2">是是</td>
	<td colspan="3">是是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
</tr>
<tr>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
</tr>
</table>
</body>
</html>

具体细节可以通过调节字体大小和字体排列方向达成和你效果图里面的一致。

晕死，原来我多加了个行属性，真是大意呀，感谢！

潮起潮落 2013-07-02

打赏
举报


<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<table border="1">
<tr>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td rowspan="3">是是</td>
	<td colspan="11">是是</td>
</tr>
<tr>
	<td colspan="2">是是</td>
	<td rowspan="2">是是</td>
	<td colspan="2">是是</td>
	<td colspan="3">是是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
</tr>
<tr>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
	<td>是</td>
</tr>
</table>
</body>
</html>

具体细节可以通过调节字体大小和字体排列方向达成和你效果图里面的一致。