表的薄黑边界

Question

I need to have such thin line for the whole table as seen above. The above image is a sample only. My solution, doesn't work. The table shows no border at all.

Here is my CSS:

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

Answer 1

Style the td and th instead

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

And also to make it so there is no spacing between cells use:

table {
    border-collapse: collapse;
}

(also note, you have border-style: none; which should be border-style: solid; )

See an example here: http://jsfiddle.net/KbjNr/