如何将table的边框设置为圆角矩形

要将 table 的边框设置为圆角矩形，可以使用 CSS 的 border-radius 属性来实现。

首先，需要将 table 的边框样式设置为 solid，并指定边框的颜色和宽度。然后，使用 border-radius 属性来设置边框的圆角大小。

下面是一个示例代码：

<style>
  table {
    border-collapse: collapse;
    border: 2px solid #ccc;
    border-radius: 10px;
  }
  th, td {
    padding: 10px;
    text-align: center;
  }
</style>

<table>
  <thead>
    <tr>
      <th>标题1</th>
      <th>标题2</th>
      <th>标题3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>内容1</td>
      <td>内容2</td>
      <td>内容3</td>
    </tr>
    <tr>
      <td>内容4</td>
      <td>内容5</td>
      <td>内容6</td>
    </tr>
  </tbody>
</table>

在这个例子中，table 的边框样式被设置为 solid，并指定了边框的颜色和宽度。border-radius 属性被用来设置边框的圆角大小，这里设置为 10 像素大小。th 和 td 元素的 padding 和 text-align 样式用来设置单元格的内边距和文本对齐方式。

使用这个方法可以轻松地将 table 的边框设置为圆角矩形，而不需要使用图片或其他技术来实现。