Reputation: 2323

Styling table issue

So I want table to have borders only below each row.

td{

    border-bottom-style: solid;}

But, between columns, there is visible border break. I don't get how can I remove that?

Upvotes: 2

Answers (4)

Reputation: 59769

table {
    border-collapse: collapse;
}

Upvotes: 4

Reputation: 1408

Try Below :

table {
border-collapse: collapse;
}

Upvotes: 1

Reputation: 46539

One possibility is to use

table {
   border-collapse:collapse;
}

or, if that is not an option (it could cause more problems than it solved in earlier versions of IE), you can proceed as follows...

table {
   border-spacing:0;
}

Take your pick!

Upvotes: 3

Reputation: 1902

Use the border collapse in your CSS.

table {
    border-collapse: collapse;
}

Upvotes: 3