如何给HTML表体填充？

我正在尝试创建一个与提供的模板匹配的表，我在stackoverflow上尝试了这里提供的多个不同的解决方案，但大多数都失败了，而其他解决方案只能部分工作，如下面的示例

镀铬不尊重车身上的边框。FireFox确实如此，但它在表的底部创建了奇怪的工件

我也尝试过用容器包裹身体来增加填充物，但这种做法也很奇怪

.主体核心表{ 宽度：60%； 背景色：fff； 边界塌陷：塌陷； } 泰德{ 背景色：$supportColor； 身高：4rem； } t车身{ 左边框：40px实心透明； 右边框：40px实心透明； } tr{ 边框底部：1px实心999； } 运输署{ 填充：1.5雷姆0； 最小宽度：145px； } } 职位描述 编辑 职位名称 客户服务代表 地方 加利福尼亚州圣弗朗西斯科 就业类型 全职的 经验 中级 地位 打开 描述 Lorem ipsum dolor sit amet。。。。 招聘线索 汤姆提兹 核定工资 $58,000 第一：你需要把你的th包在tr里

第二：这里没有必要使用第二个，colspan=2的第二个将完成这项工作

第三：最好将css应用于td和th，而不是tr

我给你举个例子。实际上，我摆脱了你写的大部分风格，并使用了我自己的风格。这是一个样本

身体{ 背景色：EDF2F6； 字体系列：Helvetica Neue； } .主体核心表{ 宽度：600px； 背景色：fff； 边界塌陷：塌陷； 保证金：30像素自动； } thead th{ 背景色：6E7E95； 颜色：fff； 文本对齐：左对齐； 填充：10px 20px； } 第四按钮{ 背景色：7D8BA6； 颜色：fff； 边界：无； 填充物：5px7px； 左边距：10px； } tr td{ 填充：12px 15px； 边框底部：1px实心ccc； } 职位描述编辑 职位名称 客户服务代表 地方 加利福尼亚州圣弗朗西斯科 就业类型 全职的 经验 中级 地位 打开 描述 Lorem ipsum dolor sit amet。。。。 招聘线索 汤姆提兹 核定工资 $58,000