CSS下邊框圓角是一種通過CSS設置邊框的樣式，使得邊框呈現出圓角的效果。這種技巧可以用于許多不同的應用，例如網站、網頁、電子表格和文檔等。在本文中，我們將介紹如何使用CSS來設置下邊框圓角。

要設置下邊框圓角，我們需要使用CSS的border-radius屬性。該屬性可以設置邊框的圓角大小和位置。具體地，我們可以將border-radius屬性設置為邊框寬度的50%來創建一個圓角邊框。例如，如果我們要將一個帶有下邊框圓角的邊距為1像素的正方形邊框設置為圓角，則可以在CSS中設置為：

```css

border-radius: 100%;

除了使用百分比值，我們還可以使用絕對值值來設置圓角的位置和大小。例如，要將一個圓角邊框放在水平線的下方，可以使用：

```css

border-radius: 50% 0 0 50%;

在這個例子中，border-radius屬性設置邊框的圓角大小為50%，并且將圓角位于邊框的左上角，寬度和高度相等，為0像素。

除了使用百分比和絕對值值，我們還可以使用CSS的border-top-radius和border-bottom-radius屬性來創建不同大小的圓角邊框。例如，如果我們要將一個帶有下邊框圓角的邊距為2像素的正方形邊框設置為圓角，可以使用：

```css

border-top-radius: 20%;

border-bottom-radius: 20%;

在這個例子中，border-top-radius和border-bottom-radius屬性分別設置邊框的圓角大小為20%，并且位置相同，均為邊框寬度的50%。

使用CSS下邊框圓角可以為我們帶來許多不同的樣式效果，使網頁更加美觀和整潔。只要我們熟練掌握CSS的border-radius屬性，就可以輕松創建出各種樣式下的下邊框圓角效果。