html - CSS html 表格左右边框

Question

我正在尝试编写一些 CSS 来使我的 html 表格只有水平边框，而列之间没有垂直边框。

这是我目前所拥有的:

@charset "utf-8";
/* CSS Document */

<style type="text/css">

box-table-a{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 45px;
    width: 480px;
    text-align: left;
    /*border-width: 0px;
    border-left: 0px;
    border-right: 0px;*/
    border-collapse: collapse;
}

#box-table-a th{
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe;
    border-right:1px solid #b9c9fe;
    border-left:1px solid #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}
#box-table-a td{
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
}
#box-table-a tr:hover td{
    background: #d0dafd;
    color: #339;
}
</style>

这会导致表格的所有边都带有白色边框。知道我做错了什么吗？

编辑我可以让它做我想做的事:http://jsfiddle.net/QZwt5/26/但是当我把这个精确的表和精确的 css 导入 Dreamweaver，然后 ftp 到我的服务器时，我仍然在每个单元格之间得到细白线。 image http://img267.imageshack.us/img267/9135/temppb.jpg

还刚刚注意到，如果我在 fiddle 中关闭标准化，边框会出现在 table 上。

一切都在 Ubuntu 服务器上运行，我在 winXP 中构建它，然后通过 ftp 传输到 Apache，所以可能存在一些干扰 CSS 的权限问题？

Answer 1

这可以简单地使用 CSS 来实现

HTML

<table border="1" id="table">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>

<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
</tr>

<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
</tr>
</table>​

CSS

tr {
    border: 1px solid black;
}
td {
    border: 0;
    width: 100px;
}​

直播example