怎样独立给一个tr加上边框呢?

怎样独立给一个tr加上边框呢?,第1张

边框方法

方法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合并一格。

以下类推。

不知还有没有更好的方法。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7924049.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存