带圆角和行分隔符的HTML/CSS表格?

td {
  padding: 10px;
  background: red;
}

tr {
  border-bottom: 2px solid #000000;
}

table {
  border-collapse: collapse;
}

.wrapper {
  border-radius: 10px;
  border: 2px solid green;
  display: table;
  overflow: hidden;
}

<div class="wrapper">
  <table>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>