CSS是前端開發中常用的樣式表語言，它可以實現很多有趣的效果。本文將簡單介紹如何使用CSS寫空心圓。

.circle {
width: 50px;
height: 50px;
border: 2px solid black;
border-radius: 50%;
}

以上代碼是實現一個空心圓的基礎樣式，其中定義了寬度、高度、邊框、邊框圓角等屬性。需要注意的是，邊框的寬度必須比圓的半徑小，才能實現效果。

.circle {
width: 50px;
height: 50px;
border: 10px solid black;
border-radius: 50%;
box-sizing: border-box;
}

如果邊框的寬度比圓的半徑大，可以設置盒模型為border-box，讓邊框寬度包含在圓的大小之內。

.circle {
width: 50px;
height: 50px;
border: 10px solid black;
border-radius: 50%;
box-sizing: border-box;
background-color: transparent;
}

要實現空心圓，還需要將背景色設置為透明。

.circle {
width: 50px;
height: 50px;
border: 10px dashed red;
border-radius: 50%;
box-sizing: border-box;
background-color: transparent;
}

最后可以根據需求修改邊框的樣式和顏色，例如將邊框設置為dashed，顏色設置為red。

以上就是使用CSS寫空心圓的簡單方法，希望對您有所幫助！