# CSS使邊框變圓

CSS是用于設計網頁和應用程序的一門編程語言。在CSS中，我們可以使用border-radius屬性來使邊框變成圓形。這個屬性可以設置邊框的半徑，從而使邊框呈現出圓形的效果。

下面是一個示例代碼，演示如何使用border-radius屬性來使邊框變圓：

```html

<div style="border-radius: 50% 50% 0 0;"></div>

在這個示例代碼中，我們使用了border-radius屬性的五個參數，其中第一個參數是半徑，第二個參數是半徑的平方，第三個參數是半徑的立方，第四個參數是半徑的零次方，第五個參數是邊框的寬度。

我們可以將上述代碼中的0表示邊框寬度為零，這樣可以使邊框呈現出圓形的效果。你也可以將值更改為其他值，以改變邊框的形狀。例如，如果你將半徑設置為20像素，則邊框將呈現出半圓形的效果。

除了使用border-radius屬性外，我們還可以使用其他CSS屬性來使邊框變圓，例如border和background屬性。下面是一個示例代碼，演示如何使用border和background屬性來使邊框變圓：

```html

<div style="border: 2px solid #ccc; background-color: #f00;"></div>

在這個示例代碼中，我們使用了border和background屬性的多種組合方式來使邊框變圓。其中，border屬性表示邊框，而background-color屬性表示背景顏色。

總之，通過使用border-radius屬性，我們可以使邊框變成圓形，從而更好地控制網頁和應用程序的樣式。