html怎么加垂直线,html – 如何在两个表之间添加垂直线？

检查这个小提琴

here.希望它有所帮助.

CSS

.parentTable{

width: 100%;

border: 1px solid #b4b4b4;

}

.parentTable tr td{

padding: 5px 30px;

}

.parentTable tr td.header{

background: #265ca5;

}

.parentTable tr td.spec{

width: 1px;

padding: 0;

border: none;

background: #b4b4b4;

}

.childTable{

width: 100%;

}

.childTable tr td{

border-bottom: 1px dashed;

}

.childTable tr:last-child td{

border: none;

}

HTML

Study Title row 1, cell 2 Start Date row 2, cell 2		Project Type row 1, cell 2 Project Subtype row 2, cell 2