CSS是一種很重要的網頁設計語言，它可以改變HTML的外觀和布局。在這篇文章中，我們將會學習如何使用CSS來選擇網頁上的邊框圓角。

首先，我們需要了解border-radius屬性。這個屬性可以用來控制邊框圓角的程度。具體來說，它有四個值，分別對應左上角、右上角、右下角和左下角的邊框圓角程度。如果只有一個值，那么四個角都會應用相同程度的圓角。比如：

border-radius: 10px;  /* 所有角度都是10px */
border-radius: 10px 20px;  /* 左上角和右下角是10px，右上角和左下角是20px */
border-radius: 10px 20px 30px;  /* 左上角是10px，右上角是20px，右下角是30px，左下角是20px */
border-radius: 10px 20px 30px 40px;  /* 左上角是10px，右上角是20px，右下角是30px，左下角是40px */

這個屬性非常適合用來制作圓角按鈕，圓角圖片框等效果。我們來看一個例子：

button {
border-radius: 20px;
padding: 10px 20px;
background-color: #0095ff;
color: #fff;
border: none;
}

上述代碼可以將按鈕的四個邊框都設置為20px的圓角，同時還設置了padding讓按鈕看起來更加飽滿，背景色和文字顏色也做了一些調整。如果你想要只對某個角做處理，可以使用border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius這四個屬性來分別控制不同的角。比如：

div {
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

這個代碼塊可以將div的左上角和右下角都設置為20px的圓角，其他兩個角則不做處理。

總結一下，使用CSS的border-radius屬性可以輕松地制作邊框圓角效果，而通過不同的取值方式可以實現不同角的圓角程度控制。