CSS 是用于網頁設計的一套樣式表語言，可以用來控制網頁元素的樣式和布局。在 CSS 中，我們可以使用圓形的符號 `@keyframes` 來定義動畫效果，同時也可以使用 `border-radius` 屬性來設置元素的圓角大小。本文將介紹 CSS 中畫小圓圈的方法。

### 1. 使用 `@keyframes` 定義動畫效果

在 CSS 中，我們可以使用 `@keyframes` 來定義動畫效果。`@keyframes` 定義了一個動作，并且后面的 `name` 參數指定了動作的名稱，例如：

```css

@keyframeskeyframes_circle {

0% {

border-radius: 50%;

transform: scale(1);

50% {

border-radius: 0%;

transform: scale(0.6);

100% {

border-radius: 0%;

transform: scale(1);

上面的代碼定義了一個名為 `keyframes_circle` 的動作，它的作用是將元素的大小縮小到原來的 50%，然后再放大到 100%。

### 2. 使用 `border-radius` 屬性設置圓角大小

除了使用 `@keyframes` 定義動畫效果外，我們還可以使用 `border-radius` 屬性來設置元素的圓角大小。`border-radius` 屬性可以設置元素的四個角的圓角大小，如下所示：

```css

.circle {

width: 100px;

height: 100px;

border-radius: 50%;

background-color: blue;

上面的代碼定義了一個名為 `.circle` 的元素，它的寬度為 100 像素，高度為 100 像素，并設置了一個藍色的背景。通過使用 `border-radius` 屬性，我們可以將元素的四個角的圓角大小設置為 50%，如下所示：

```css

.circle {

width: 100px;

height: 100px;

border-radius: 50%;

background-color: blue;

animation: circle 5s infinite;

上面的代碼定義了一個名為 `.circle` 的元素，它的寬度為 100 像素，高度為 100 像素，并設置了一個藍色的背景。通過使用 `border-radius` 屬性，我們可以將元素的四個角的圓角大小設置為 50%，并在 5 秒鐘內持續動畫。

以上就是 CSS 中畫小圓圈的方法，通過使用 `@keyframes` 和 `border-radius` 屬性，我們可以定義出不同的動畫效果。