CSS是網頁開發中非常重要的一個部分。其中制作表格也是一個經常使用的技巧。在實際網頁設計過程中，我們可能需要將表格的邊角變成圓角，這樣可以讓網頁看起來更加美觀，在表格中展示的數據也更加美觀。
要制作圓角的表格，我們需要用到CSS3中的新屬性border-radius。這個屬性可以用來設置邊框的圓角大小，具體的使用方法如下：

table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border-radius: 10px; /* 設置圓角大小 */
}
td,th {
padding: 8px;
border: 1px solid #ddd;
text-align: left;
}

上面的代碼用來設置整個表格的邊框圓角，可以通過設置border-radius屬性來設置邊框的圓角大小。同時，我們也需要設置border-collapse屬性，將表格的邊框合并，并設置border-spacing屬性為0，來去除邊框之間的間隔。
接下來是單元格內的設置，我們可以通過設置單元格內的padding、邊框樣式和對齊方式來對單元格樣式進一步美化，具體如下：

td,th {
padding: 8px;
border: 1px solid #ddd;
text-align: left;
border-radius: 0; /* 圓角繼承table的樣式，需要手動清除 */
}

需要注意的是，由于圓角效果是從表格樣式中繼承的，所以在設置單元格的邊框樣式時，需要手動清除圓角屬性。這樣的話，表格與單元格的圓角樣式就設置完成了！
總結一下，在制作帶有圓角邊框的表格時，我們可以用border-radius屬性來設置邊框的圓角大小，并且還需要設置border-collapse、border-spacing、padding、邊框樣式以及對齊方式等屬性，來對表格和單元格各自進行美化。不過需要記住的是，圓角效果是從表格樣式中繼承的，所以在設置單元格樣式時，需要手動清除圓角屬性。