第一种方法：
1、将table的属性设置为：BORDER=0 、cellspacing=1 ；
2、设置table的背景色为即你要设置的table的边框颜色；
3、设置所有td背景色为#ffffff白色；
第二种方法：
1、设置BORDER=0 ；
2、再通过CSS，给Table加上1px的border-top,border-left；
3、然后再设置所有的td的border-right,border-bottom；
第三种方法（推荐）：
1、设置table的CSS为{border-collapse:collapseborder-style: solidborder-width: 1px}
注：border-collapse:collapse
separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。
2、再设置td的CSS为{border-style: solidborder-width: 1px}
转自： https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html
写了两种方法，你看看吧，也许有用方法一：<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"
<html>
<head>
<style type="text/css">
.tab{border-top:1px solid #000border-left:1px solid #000text-align:center}
.tab td{border-bottom:1px solid #000border-right:1px solid #000}
</style>
</head>
<body>
<table class="tab" cellspacing="0" cellpadding="0" width="300" >
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）