细线条框表格的CSS代码

今天朋友问我如何制作一个细线条框。在以前的方法是通过两个嵌套表格来实现细线条表格的制作，但这种方法与W3C网络标准不符，所以应该采用css的方法来制作单线条框。原理是利用定义对象上下左右边线，内部的单元格绘制上边和左边，外部的表格绘制下边和右边。具体CSS代码如下：

<style type="text/css">
<!--
.frameTable {
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-right-color: #000000;
border-bottom-color: #000000;
}
.frameTable td{
border-top-style: solid;
border-top-width:1px;
border-left-width:1px;
border-top-color: #000000;
border-right-style: none;
border-left-style: solid;
border-left-color: #000000;
border-bottom-style: none;
}
-->
</style>

调用的方法如下：

<table width="900" border="0" cellspacing="0" cellpadding="0" class="frameTable">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>