方法1:
<table width="200px" height="200px" frame="box">
<tr> <td style="border:1px solid red"></td>
<td style="border:1px solid red"></td>
</tr> <tr>
<td style="border:1px solid blue" colspan="2"></td>
</tr> <tr>
<td style="border:1px solid red" colspan="2"></td> </tr> <tr> <td style="border:1px solid blue" colspan="2"></td> </tr></table>.
方法2:
<table width="200px" height="200px" frame="box">
<tr bordercolor="#FF0000">
<td ></td> <td></td> </tr>
<tr bordercolor="#FF0000" >
<td colspan="2"></td> </tr>
<tr bordercolor="#FF0000" >
<td colspan="2"></td> </tr>
<tr bordercolor="#FF0000" >
<td ></td> </tr></table>
写了两种方法,你看看吧,也许有用方法一:<table width="200px" height="200px" frame="box">
<tr>
<td style="border:1px solid red"></td>
<td style="border:1px solid red"></td>
</tr>
<tr>
<td style="border:1px solid blue" colspan="2"></td>
</tr>
<tr>
<td style="border:1px solid red" colspan="2"></td>
</tr>
<tr>
<td style="border:1px solid blue" colspan="2"></td>
</tr>
</table>
这种方法是设置行内每个单元格的样式
方法二:
<table width="200px" height="200px" frame="box">
<tr bordercolor="#FF0000">
<td ></td>
<td></td>
</tr>
<tr bordercolor="#FF0000" >
<td colspan="2"></td>
</tr>
<tr bordercolor="#FF0000" >
<td colspan="2"></td>
</tr>
<tr bordercolor="#FF0000" >
<td ></td>
</tr>
</table>
两个方法的<table></table>标记里都加frame="box"
在一个table下分2行显示,还是每行用一个tr显示。但在每个tr中可用colspan和rowspan来控制每行的列数,同时可设每个tr的宽度。
如:
<table border="1px">
<tr align = center>
<th colspan=3>aaaaa</th><th colspan=2>bbb</th>
</tr>
<tr align=center>
<th>123</th><th>456</th><th>789</th><th>101</th><th>112</th>
</tr>
</table>
具体你也可以上网查一下table中这2个参数的用法。
你这张表我的做法还是用 colspan,rowspan,可能不科学,但其它方法我还不会:
第一行设为4个单元格,1为单独一格,2,3合并,4为单独一格。
第二行也设4个单元格,1,2合并一格,3,4合并一格。
以下类推。
不知还有没有更好的方法。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)