
方法一:<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,想给表格下table 的thead及tr设置一个border,如下效果:so,用到border-top属性,但是不起作用,打开控制器查看样式,发现table的border-collapse默认为separate
让border-top起作用,设置为table的border-collapse为collapse。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)