在CSS中畫圓是非常容易的。可以使用border-radius屬性設置元素的圓角。當所有的四個角都設置相同的值時，元素將變成一個圓形。以下是一個示例：

.circle {
width: 100px;
height: 100px;
border-radius: 50%; /* 圓形 */
background-color: #f00;
}

要在圓中添加文本，可以使用相對定位和文本的旋轉。首先，將元素的定位設置為相對，并將文本設置為絕對。然后使用transform屬性將文本旋轉到正確的位置。以下是一個示例：

.circle {
width: 200px;
height: 200px;
border-radius: 50%; /* 圓形 */
background-color: #f00;
position: relative;
}
.circle p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg); /* 將文本旋轉90度 */
}

在上面的示例中，我們使用了相對定位將圓形元素相對于其父元素進行定位。然后，我們使用絕對定位將文本放置在圓形元素的中心。最后，我們使用transform屬性將文本旋轉-90度，使其豎直居中。