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;
}

Answer 2

Вам нужно указать желаемые границы.Используйте border-right и border-left на css, чтобы получить желаемый эффект только для нужных ячеек.

Answer 3

Добавьте рамку справа к вашему стилю td и рамку к вашему стилю th