表格通常是我們網頁中常用的結構元素之一。但是默認的HTML表格是有尖角的，使得頁面顯得較為生硬，難以融入到整個網頁的布局中。好在我們可以使用CSS樣式來設置表格的邊框為圓角，使得表格更加美觀。下面我們就來介紹一下如何在HTML table中設置圓角。 首先，我們要明確CSS樣式來設置表格的邊框圓角。 設置表格圓角邊框的CSS樣式代碼:

table{
border-collapse:collapse;
border-radius: 5px;
}
td, th {
border: 1px solid black;
padding: 8px;
}

上述代碼中，我們給table元素設置了border-collapse屬性為collapse，這可以使表格的外邊框呈現圓角。而border-radius屬性可以設置元素的圓角大小，以像素為單位進行設置。 在這里，為了使得表格看起來更美觀整齊，我們也給表格的單元格設置了1px的實線黑色邊框和8px的內填充。 接下來，我們看一個實例來查看上面的代碼是如何產生影響的。

姓名
年齡
小紅
18
小明
20

運行上述代碼后，我們可以看到一個帶有圓角的表格，表格的圓角大小為5px，使得表格更具有和諧美觀的視覺效果。 在以上介紹中，我們介紹了如何在HTML table中設置圓角。使用這個方法可以使得表格更好的融入到網頁布局中，同時也可以增強頁面的美觀性。需要注意的是，在使用該方法時，我們需要考慮到不同的瀏覽器對于圓角的支持可能有所不同，因此，我們需要對圓角的設置進行相關的兼容設置。