CSS圓形框樣式是一種使用CSS設置元素的邊框為圓形的方法，可以用于創建各種形狀的邊框，如圓形、橢圓形、方形等。下面將介紹如何使用CSS圓形框樣式來創建圓形邊框。

1. 使用CSS的`border-radius`屬性

`border-radius`屬性用于設置元素的邊框半徑，其值由四個數字組成。如果邊框半徑為零，則元素將保持默認的方形邊框。如果邊框半徑為負值，則元素將使用圓形邊框。例如：

```html

<style>

.circle {

border-radius: 50%;

width: 200px;

height: 200px;

</style>

在上面的代碼中，`.circle`元素被定義為寬度和高度均為200像素的圓形元素。由于`border-radius`屬性的值設置為50%，元素邊框的半徑為20像素，因此形成了一個圓形。

2. 使用CSS的`border-radius`和`border`屬性

除了使用`border-radius`屬性外，我們還可以使用CSS的`border`屬性來創建圓形邊框。使用`border`屬性時，需要先設置元素的`border-radius`為零，然后再設置元素的`border`為零，如下所示：

```html

<style>

.circle {

border-radius: 0;

border: 0;

width: 200px;

height: 200px;

</style>

在上面的代碼中，`.circle`元素被定義為寬度和高度均為200像素的圓形元素。由于`border-radius`為零，`border`為零，因此元素沒有邊框，而是一個圓形。

3. 使用CSS的`box-shadow`屬性

除了使用CSS的`border-radius`和`border`屬性外，我們還可以使用CSS的`box-shadow`屬性來創建圓形邊框。使用`box-shadow`屬性時，需要先設置元素的`border-radius`為零，然后再設置元素的`box-shadow`為零，如下所示：

```html

<style>

.circle {

border-radius: 0;

border: 0;

width: 200px;

height: 200px;

box-shadow: 0 0 10px 10px rgba(0,0,0,0.5);

</style>

在上面的代碼中，`.circle`元素被定義為寬度和高度均為200像素的圓形元素。由于`box-shadow`的參數之一是半徑，因此元素周圍有10像素的圓形陰影。

通過使用CSS圓形框樣式，我們可以創建各種類型的圓形邊框，從而更好地控制元素的外觀。