css中在表格里画竖虚线 |win10css图片进不去

table {
border-collapse: collapse;
}
th,
td {
border: 1px solid black;
padding: 8px;
}
td + td {
border-left: 1px dashed gray;
}

针对上述的代码，大家来逐步进行解释。首先是表格的合并边框，即使表格中有多个单元格，它们也会被视为一个整体。接下来的th，td样式中的边框都是1px实线黑色的，以便展示整个表格的结构。而“+”是相邻选择器，可以为每个单元格左侧添加虚线边框，用于区分不同的单元格。在这里大家选择的是1px虚线灰色边框，可以根据需求进行调整。

经过上述的CSS样式设定，表格就可以完美展示出虚线竖线的效果了，通过这种方式可以突出表格的层次关系，使得整个页面效果更加直观。同时，本设计方案还支持不同的表格结构，可以应用到几乎所有网页设计中需要使用表格的场景中。