CSS是網頁設計中不可或缺的一部分。在許多情況下，我們需要將一些元素樣式成圓形。那么，如何使用CSS來編寫一個圓形的元素呢？下面我們就來看一下。

.circle {
width: 100px; /*圓的直徑*/
height: 100px; /*圓的直徑*/
border-radius: 50%; /*將邊框設置為圓形*/
background-color: #f00; /*圓的背景色*/
}

在上面的代碼中，我們首先定義一個類名為“circle”的元素，并設置其寬高為100px，以形成一個圓形。接著，我們使用CSS的“border-radius”屬性將元素的邊框設置為圓圈形狀，并將其值設為50%。這個值必須為50%，因為它會將寬度和高度各設置為元素容器的50%。最后，我們設置背景顏色，以在圓內填充我們想要呈現的顏色。

如此簡單有效，在網頁設計中使用CSS編寫一個圓形元素就是這么簡單！