在CSS中，我們可以使用百分比高度來繪制圓形。首先，要讓我們看一下這個簡單的示例：

.circle {
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 50%;
background-color: red;
}

這個示例中，我們使用了一個padding-bottom的百分比值，它的值等于元素的寬度，這樣我們就可以實現一個正圓形。

現在讓我們詳細了解一下這些CSS屬性的含義：

• width:設置元素的寬度為100%。
• height:設置元素的高度為0。這似乎很奇怪，但是我們稍后將在padding-bottom屬性中解釋。
• padding-bottom:設置元素的下部內邊距為100%。這個值等于元素的寬度，所以我們的元素在豎直方向上看起來是一個正方形。
• border-radius:設置元素的邊框為50%，這樣就可以將其轉換為一個圓形。
• background-color:將元素的背景顏色設置為紅色。你可以更改這個值，以獲得不同的顏色。

這就是我們如何使用CSS百分比高度來畫圓形的簡單示例。希望這篇文章能夠幫助你更深入了解CSS。