標題：CSS 中將矩形變成圓形

隨著互聯網的發展，人們越來越依賴各種電子設備進行瀏覽和交互。CSS是構建現代Web頁面的主要技術之一，提供了用于控制頁面布局和樣式的廣泛功能。本文將介紹如何使用CSS將矩形變成圓形。

CSS中的選擇器可以用于控制元素的樣式。其中，CSS中的`border-radius`選擇器可以用于將矩形變成圓形。通過使用這個選擇器，我們可以輕松地將一個矩形變成圓形。下面是一個使用`border-radius`將矩形變成圓形的示例代碼：

```css

.circle {

width: 200px;

height: 200px;

border-radius: 100px 50px 100px 50px;

background-color: #fff;

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

在這個示例中，我們使用了`border-radius`將一個矩形變成圓形。`border-radius`的值應該大于或等于矩形的寬度和高度。在這個示例中，矩形的寬度和高度都是100px，所以`border-radius`的值是100px 50px 100px 50px。這個選擇器將創建一個圓形，其半徑是矩形寬度和高度的值。

除了`border-radius`,CSS中還有其他選擇器可以用于將矩形變成圓形，如`background-radius`和`font-radius`。使用這些選擇器，我們可以更精細地控制圓形的大小和形狀。

通過使用`border-radius`將矩形變成圓形，我們可以輕松地將一個矩形變成圓形，從而使得我們在設計Web頁面時更加方便。如果你正在尋找一種方法來將矩形變成圓形，那么使用`border-radius`是一個很好的選擇。