CSS和表:在列之间显示行,但不在行之间显示

Question

如何使HTML表格具有以下格式:

----------------------------------------------------
|    Header1     |     Header2     |    Header3    |
----------------------------------------------------
|                |                 |               |
|                |                 |               |
|                |                 |               |

我需要在CSS文件中添加或更改内容:

body
{
    font-family: "Lucida Console";
}

div, p, th, td
{
    font-size: 14px;
}

table
{
    border: 1px solid black;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

th
{
    background-color: black;
    color: white;
    padding: 10px;
}

td
{
    padding: 5px;
}

Answer 1

尝试类似的东西:

td
{
    border-left: 1px solid black;
}

th
{
    border: 1px solid black;
}