CODEWITHSUNDEEP
htmlcss
Bijan
Bijan

Reputation: 8586

Add thick vertical line to table using CSS

I have a table like so. How would I add a thick vertical line between columns 2 and 3 so it splits it in half? I did some searching but everything I found was for a border around an entire column/cell. I just want a line going down.

enter image description here

Upvotes: 1

Views: 2168

Answers (1)

emmanuel
emmanuel

Reputation: 9615

You could use border: http://jsfiddle.net/kzp36owo/3/

table {
    background: blue;
    color: #ffffff;
}
table tr td:nth-child(2) {
    border-right: 4px solid yellow;
}

In order to work properly it's important to reset cellspacing of table.

Upvotes: 1

Related Questions