Тонкая черная рамка для таблицы

enter image description here

Мне нужна такая тонкая линия для всей таблицы, как показано выше. Вышеприведенное изображение является только образцом. Мое решение не работает. В таблице ничего не отображается.

Вот мой CSS:

table {
    border-width: thin;
    border-spacing: 2px;
    border-style: none;
    border-color: black;
}

Ответы

Ответ 1

Стиль td и th вместо

td, th {
    border: 1px solid black;
}

А также, чтобы сделать так, чтобы между ячейками не было интервала:

table {
    border-collapse: collapse;
}

(также обратите внимание: у вас есть border-style: none;, который должен быть border-style: solid;)

См. пример здесь: http://jsfiddle.net/KbjNr/