我想使用DIV(仅限
HTML和CSS)创建表格网格.我差点进入并仍然遇到一些问题.我附上了样本图片.我希望网格应该像这个样本图像一样.我附上了迄今为止我创建的
fiddle.你能帮助一个人正在做什么以及如何改进以完成与图像相同的表格?
HTML:
CSS:
.containerDiv {
border: 1px solid #3697f6;
width: 100%;
}
.rowDivHeader {
border: 1px solid #668db6;
background-color: #336799;
color: white;
font-weight: bold;
}
.rowDiv {
border: 1px solid #668db6;
background-color: #cee6fe;
}
.cellDivHeader {
border-right: 1px solid white;
display: table-cell;
width:12%;
padding: 1px;
text-align: center;
}
.cellDiv {
border-right: 2px solid white;
display: table-cell;
width:10%;
padding-right: 4px;
text-align: center;
border-bottom: none;
}
.lastCell {
border-right: none;
}
样本图像