圓形是一種在平面直角坐標系中以任意角度旋轉而成的幾何形狀。在 CSS 中，我們可以使用圓形百分比來實現圓形的樣式效果。

在 CSS 中，圓形可以使用 CSS 中的 `border-radius` 屬性和 `text-align` 屬性來實現。下面我們來看一下這兩個屬性的具體用法。

## 圓形的 `border-radius`

`border-radius` 屬性用于設置元素的邊框半徑，該半徑值將乘以元素的寬度，以產生一個圓形。我們可以使用以下代碼來設置一個圓形：

```css

border-radius: 50% 50% 0 0;

這個代碼將元素的寬度設置為 100%，并且使用 `50%`、`50%`、`0`、`0` 四個值來設置元素的邊框半徑，從而得到一個圓形。

## 圓形的 `text-align`

`text-align` 屬性用于設置文本的位置。它有兩種用法：

1. 將 `text-align` 屬性設置為 `center` 來將文本居中。

2. 將 `text-align` 屬性設置為 `justify` 來將文本justify。

例如，如果我們想要將一個元素中的文本居中，可以使用以下代碼：

```css

text-align: center;

同樣，如果我們想要將一個元素中的文本justify，可以使用以下代碼：

```css

text-align: justify;

## 總結

圓形百分比是 CSS 中一種常用的圓形樣式效果。`border-radius` 屬性用于設置元素的邊框半徑，而 `text-align` 屬性用于設置文本的位置。通過這兩個屬性，我們可以輕松地實現圓形的效果。