在页面设计时,如果需要画出单线的表格来,最简单的思路莫过于如下代码:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>aaa</td><td>bbb</td></tr>
<tr><td>ccc</td><td>ddd</td></tr>
</table>
而这样做的结果其实并不理想,效果如下:
| aaa | bbb |
| ccc | ddd |
还有一种做法是以Style来分别画四个边框,这样的做法又不利于程序循环控制。
我们通常的做法是,指定Table的bgcolor为需要的边框色,指定格间距(cellspacing)为边框宽度,再指定TD的bgcolor为正常的颜色。代码如下:
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#333333">
<tr>
<td bgcolor="#FFFFFF">aaa</td>
<td bgcolor="#FFFFFF">bbb</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">ccc</td>
<td bgcolor="#FFFFFF">ddd</td>
</tr>
</table>
效果如下:
| aaa | bbb |
| ccc | ddd |

