用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦！

实现圆角表格，可以通过CSS的 border-radius 属性来实现。但是在某些情况下，为了兼容性和美观性考虑，我们可以使用HTML的 <table> 标签来代替纯CSS的实现。

下面是具体步骤：

1.在HTML文件中，使用<table>标记来创建表格：

<table>
  <tr>
    <th>Column 1</th>
    <th>Column 2</th>
  </tr>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
  </tr>
</table>

2.在CSS文件中，使用 border-collapse 和 border-spacing 属性来设置表格的边框，并添加一个圆角的背景。

table {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
}

table th,
table td {
  border: none;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

table th {
  background-color: #f5f5f5;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

table td {
  background-color: #ffffff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

在上述代码中，我们使用了 border-collapse: separate;属性来使表格的边框之间相互独立，border-spacing: 0px; 属性来设置表格单元格之间的间隙为零。

同时，我们通过 background-color 属性，把表头和表格的背景设置成不同颜色。

最后，利用 border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius属性来实现四个圆角。

示例1：

<table>
  <tr>
    <th>Item</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>Product 1</td>
    <td>$10</td>
  </tr>
  <tr>
    <td>Product 2</td>
    <td>$20</td>
  </tr>
  <tr>
    <td>Product 3</td>
    <td>$30</td>
  </tr>
</table>

示例2：

<table>
  <tr>
    <th>Player</th>
    <th>Goals</th>
  </tr>
  <tr>
    <td>Player 1</td>
    <td>20</td>
  </tr>
  <tr>
    <td>Player 2</td>
    <td>15</td>
  </tr>
  <tr>
    <td>Player 3</td>
    <td>25</td>
  </tr>
</table>

以上就是使用<table>标记实现圆角表格的完整攻略。