如何实现表格左右两边的边框为0

最近在做项目过程中，遇到一个问题，需要将表格左右两边的边框去掉
如下图：



其实实现这样一种效果，方法有很多种，不一定非要用表格去实现
我自己先用Div+CSS也可以做到，或者ul+css也一样，当然应该还有
其他的办法，在此我没有多尝试，有的话，可以共享一下，大家学一下。

查阅html帮助，会发现table有一个属性可以很容易的实现我说的这个功能，那就是frame,对于一个table我只需指定border=1,然后frame=hsides就可以实现我标题所说的功能
相关html代码如下：

<table width="300" cellspacing="0" cellpadding="1" border="1" frame="hsides">
<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>

可是有一个问题，这个table的边框看起来并不是很让人满意，也不是我想要的效果，我想要是那种很细的边框，而这个是带阴影的，虽然指定宽度是1，但其实际宽度是2，于是我就想，还有没有更好的属性可以解决我的问题呢？经过一些综合分析，发现这个属性结合css属性可以较好的实现我想要的效果：

<mce:style><!--
#tbDataList {border-color:#000000;border-width:1 0 0 0;}/*只显示表格顶部边框*/
#tbDataList tr td{border-color:#000000;border-width:0 1 1 0;text-align:center;}/*单元格只显示右边框和顶部边框*/
--></mce:style><style mce_bogus="1">#tbDataList {border-color:#000000;border-width:1 0 0 0;}/*只显示表格顶部边框*/
#tbDataList tr td{border-color:#000000;border-width:0 1 1 0;text-align:center;}/*单元格只显示右边框和顶部边框*/</style>
<table id="tbDataList" width="300" cellspacing="0" cellpadding="1" border="1" frame="hsides">
<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>

此方法简单而又方便，如果做项目，需要显示很多行数据的话，这样相对于div+css来说，可以节省前台很多代码，减少前台html页面的体积，方便用户快速浏览，似乎不错，值得为大家推荐。留个记号，也方便以后查询。