在網頁設計中，表格作為頁面上最常用的HTML元素之一，經常要設置邊框樣式和圓角效果，以便更好地與頁面其他元素融合。本文將介紹如何使用CSS來實現表格邊框的圓角效果。
首先，我們需要定義表格的基本樣式，包括表格的寬度、邊框樣式、邊框顏色和填充顏色等。代碼如下：

table {
width: 100%;
border: 1px solid #ccc;
border-collapse: collapse;
background-color: #fff;
}

上述代碼中，我們通過 "border-collapse:collapse"來使表格的邊框合并，讓表格看起來更加簡潔。
接下來，我們需要使用CSS3的border-radius屬性來設置表格邊框的圓角。該屬性用于為HTML元素設置圓角邊框效果。代碼如下：

table {
width: 100%;
border: 1px solid #ccc;
border-collapse: collapse;
background-color: #fff;
border-radius: 10px; /*設置圓角大小*/
}

上述代碼中，我們將 "border-radius: 10px"屬性添加到表格的樣式中，來設置表格邊框的圓角大小。
以上是使用CSS設置表格邊框的圓角效果的方法。但需要注意的是，不同的瀏覽器可能對CSS3的border-radius屬性支持程度不同，需要進行兼容性測試。
綜上所述，當網頁設計需要設置表格邊框的圓角效果時，可以使用CSS3的border-radius屬性實現，但要注意瀏覽器兼容性問題。