Add thick vertical line to table using CSS
Bijan
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.
emmanuel
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.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
Related
Related Related
- 1
Add thick vertical line to table using CSS
- 2
Add vertical line to bottom css
- 3
How to Add a Vertical Line inside a texbox using html and css
- 4
How to Add vertical line in table Latex
- 5
Need a curved vertical line using HTML and CSS
- 6
Need a curved vertical line using HTML and CSS
- 7
Add a vertical Sub menu using css and html
- 8
How to draw a thick dash line using xml?
- 9
How to add vertical line division and legend in curve box html and css?
- 10
display vertical line in css
- 11
How to add a vertical line in my web page Using Twitter Bootstrap?
- 12
How to set only vertical line of a table in pdf using itext sharp?
- 13
How to create vertical line using the css code in the given link?
- 14
css, table with vertical headers
- 15
Dimple JS add vertical line
- 16
Style HTML table with vertical line
- 17
Vertical line align property in css
- 18
CSS Vertical Line Side Bar
- 19
Vertical line in CSS-selector?
- 20
CSS Vertical line for tree menu
- 21
Removing line from html table using CSS
- 22
Vertical Button using CSS
- 23
Add vertical scroll in table row
- 24
CSS: not exact vertical align in table
- 25
CSS vertical text in table th
- 26
Plot a vertical line using matplotlib
- 27
vertical line tkinter using grid
- 28
modifying the PS file to thick the line
- 29
Not being able to add vertical line in flutter
Comments