Html 如何使用css正确设置表格格式

我希望表的外部边框为虚线，而内部边框为实线。所以我为我的

普通表

制作了这些css代码，但整个表的边框是实心的

.zulu post.zulu content.normal表{
颜色：#4444；
边框：1px虚线#4444；
}
.zulu post.zulu内容.正常表td.正常表tr{
填充：10px；
边框：1px实心#4444；
}

表名
确保样式表类是普通表
这里的文字。。。

您可以使用div作为替代：

.container{
宽度：100%；
边框：中虚线暗灰色；
显示：表格；
}
.细胞{
宽度：30%；
边框：薄而实的红色；
高度：50px；
显示：表格单元格；
}

---

这是一种做你想做的事情的方法：

基本上，您向所有

标记添加边框

左侧和顶部

，然后从表的侧面删除边框，并在

上使用虚线边框

.normal表{
颜色：#4444；
边框：1px虚线#4444；
}
.标准表td{
填充：10px；
左边框：1px实心#4444；
边框顶部：1px实心#4444；
}
.正常表td：第一个孩子{
左边界：无；
}
.正常表tr：第一个孩子td{
边界顶部：无；
}

表名
确保样式表类是普通表
这里的文字。。。

首先使用

边框collpase:collapse

，此

折叠
表格边框
到
单个
边框，然后为
表格、tbody、tr
等做样式部分


.normal表{
边框：2倍纯红；
边界塌陷：塌陷；
}
tr{
边框：2个红色虚线；
}

表名
确保样式表类是普通表
这里的文字。。。
是否也可以添加相关的HTML代码？@kevinb。完成