Html 样式表在表数据下绘制一条线

我正在使用CSS和HTML创建一个表，在最后一行之前有一条水平线。水平线不在表行上，但在表数据上

#格式表{
字体系列：Tahoma；
字体大小：13px；
}
桌子{
边框：13px实心#33FFFF；
边界塌陷：塌陷；
}
运输署{
填充：6px 14px；
}
海德罗{
字体大小：粗体；
}
交咨会{
文本对齐：居中；
}
tr.aaa{
边框底部：5px实心#000000；
}
tr.alt2{
字体大小：粗体；
高度：25px；
}

项目
制造商
大小
单价
量
总价
玉米片
凯洛格氏
18盎司。
2.50
1.
2.50
纯白金枪鱼
塔基斯特
5盎司。
2.79
2.
5.58
奶油蘑菇汤
坎贝尔
10.75盎司。
1
2.
2
2%低脂牛奶
西夫韦
0.5加仑
1.99
1.
1.99
超宽鸡蛋面
金色颗粒
12盎司。
0.87
3.
2.61
全部的
9
14.68

td填充使行比其中的数据更宽。试一试

td:first-child {
  padding: 6px 14px 6px 0px;
}
td:last-child {
  padding: 6px 0px 6px 14px;
}

（编辑）要在表格和边框之间填充，需要在div周围放置边框，而不是表格周围

#FormatTable { 
  font-family: Tahoma;
  font-size: 13px;

  padding: 30px;
  border: 13px solid #33FFFF;
  width: -webkit-min-content; 
  width: -moz-min-content;
}
table {
  border-collapse: collapse;
}

宽度说明符告诉div仅与内容一样宽，而不是全屏。您可能还希望告诉单元格文本不要换行：

td {
  padding: 6px 14px;
  white-space: nowrap;
}

#格式表{
字体系列：Tahoma；
字体大小：13px；
}
桌子{
边框：13px实心#33FFFF；
边界塌陷：分离；
边界间距：0px；
填充：15px；
}
运输署{
填充：6px 14px；
}
海德罗{
字体大小：粗体；
}
交咨会{
文本对齐：居中；
}
tr.aaa td{
边框底部：5px实心#000000；
}
tr.alt2{
字体大小：粗体；
高度：25px；
}

项目
制造商
大小
单价
量
总价
玉米片
凯洛格氏
18盎司。
2.50
1.
2.50
纯白金枪鱼
塔基斯特
5盎司。
2.79
2.
5.58
奶油蘑菇汤
坎贝尔
10.75盎司。
1
2.
2
2%低脂牛奶
西夫韦
0.5加仑
1.99
1.
1.99
超宽鸡蛋面
金色颗粒
12盎司。
0.87
3.
2.61
全部的
9
14.68

问题是…？问题是我画的线基本上是最后一行之前的行的底部边界。这将在最后一行上绘制完整的线。我不想这样做，我想在数据上画一条线（线应该从超宽面开始，到2.61结束）Lke这个？还有一个问题是，我不能在这里添加截图作为图像，如果我添加了，我将向你展示如何使用截图链接更新你的问题，并且有足够代表性的人可以将其嵌入。是的，谢谢你，但问题是我需要一些填充和更宽的行，但行不应该像在链接中那样触及外部边界是的，没关系——第一个答案更好。：）哦，非常感谢，请大家，如果我不太清楚，我很抱歉，但这正是我想要的！谢谢@MayurGwelcome…从你那里得到了第一点：）如果你得到了你的答案，我可以在我的答案上打绿色的勾吗…因为我是这个网站的新手：）我也是新来的。如果有任何问题，感谢人一定会再问你一次。