在 HTML 中创建只有底部边框的表格

Question

我试图将此页面的员工目录部分从 CSS、Javascript 和 HTML 复制到 HTML。最重要的是，我希望能够像您在这里看到的那样制作一个表格，每行只有底部边框/分隔线（或它们的名称）。我怎么做？

http://sps.columbia.edu/about/staff-directory

谢谢！

编辑：

我只需要 HTML，请不要 CSS。谢谢你！

原文由 Lorber 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需使用以下代码片段并将其粘贴到您的 style.css 中

 table {
  border-collapse: collapse;
}

tr{
  border-bottom: 1px solid black;
}

 <table>
  <tbody>
    <tr>
      <td>Lorem</td>
      <td>Ipsum</td>
    </tr>
  </tbody>
</table>

不使用 style.css

 <table style="border-collapse: collapse;">
  <tbody>
    <tr style="border-bottom: 1px solid black;">
      <td>Lorem</td>
      <td>Ipsum</td>
    </tr>
  </tbody>
</table>

原文由 Martin2904 发布，翻译遵循 CC BY-SA 4.0 许可协议