用 CSS 畫圓型

隨著互聯網的發展，網頁設計已經成為了現代設計師和開發人員的必備技能之一。在網頁中，圓形是一種常見的設計元素，可以用來表示各種形狀，如圓形、心形、太陽等等。

在 CSS 中，我們可以使用 `border-radius` 屬性來畫圓形。這個屬性可以控制圓的半徑大小，同時也可以控制圓的內外邊距。下面是一個簡單的例子：

```html

<div style="width: 100px; height: 100px;border-radius: 50px;background-color: blue;">

這是一個圓形

</div>

在這個例子中，圓的半徑是 50 像素，背景顏色是藍色。你也可以使用不同的半徑大小來畫不同的圓形。

除了 `border-radius`，我們還可以使用 `background-radius` 來畫圓形。這個屬性與 `border-radius` 的區別在于，它只能控制圓的半徑大小，而無法控制圓的內外邊距。下面是一個使用 `background-radius` 的例子：

```html

<div style="width: 100px; height: 100px;background-radius: 50px;background-color: blue;">

這是一個圓形

</div>

在這個例子中，圓的背景半徑是 50 像素，背景顏色是藍色。

除了圓形，CSS 還可以用于繪制其他形狀的圖形，如正方形、心形、星形等等。通過靈活使用 CSS，我們可以創建出各種漂亮的圖形，從而提升網頁的美觀度和用戶體驗。