CSS純圓形指的是使用CSS樣式，將一個矩形盒子變成一個純粹的圓形盒子的效果。這種效果常常被用于制作圓形的頭像、按鈕、圖片等。

/* 使用 border-radius 屬性實現圓形效果 */
.circle {
width: 100px; /* 設置盒子寬度 */
height: 100px; /* 設置盒子高度 */
border-radius: 50%; /* 將盒子變成圓形 */
background-color: red; /* 設置盒子背景顏色 */
}

以上代碼中，我們使用了border-radius屬性將盒子變成了一個圓形。屬性的值為50%時，表示將四個角都設置為半徑為盒子邊長一半的圓弧，從而實現圓形效果。

由于border-radius屬性可以分別設置每個角的半徑，因此我們還可以使用以下代碼實現不同半徑大小的橢圓形效果：

/* 使用 border-radius 屬性實現橢圓形效果 */
.ellipse {
width: 200px; /* 設置盒子寬度 */
height: 100px; /* 設置盒子高度 */
border-radius: 100px/50px; /* 將盒子變成橢圓形 */
background-color: blue; /* 設置盒子背景顏色 */
}

以上代碼中，我們將border-radius屬性設置為100px/50px，表示上下兩個半徑為100px，左右兩個半徑為50px，從而實現不同半徑大小的橢圓形效果。

在制作圓形效果時，我們還可以使用 CSS3 的transform屬性和scale函數來實現。以下代碼可以將一個長度為 100px 的矩形盒子縮放到圓形：

/* 使用 transform 和 scale 屬性實現圓形效果 */
.circle {
width: 100px; /* 設置盒子寬度 */
height: 100px; /* 設置盒子高度 */
background-color: green; /* 設置盒子背景顏色 */
transform: scale(1); /* 將盒子縮放為圓形 */
border-radius: 50%; /* 防止在某些瀏覽器下出現鋸齒 */
}
.circle:hover {
transform: scale(1.5); /* 縮放效果 */
}

以上代碼中，我們使用了transform屬性和scale函數將盒子縮放為圓形。在 :hover 偽類中，我們可以將縮放比例增加到1.5，實現點擊效果。

總體而言，純圓形在網頁設計中應用非常廣泛，實現方式也十分簡單。通過靈活運用border-radius屬性和transform屬性等技巧，我們可以輕松制作出多種圓形效果。