CSS圈C是一個制作圓形圖形的常用技巧。下面介紹如何使用CSS實現圈C效果。

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
}

上述代碼使用border-radius屬性設置圓形，其值設為50%就可以讓方形變為圓形。

如果要設置邊框，可以使用border屬性，例如：

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

上述代碼設置了2px的藍色實線邊框。

如果要實現一個空心圓，可以設置背景為透明，然后只顯示邊框：

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid blue;
background-color: transparent;
}

CSS圈C實現起來非常簡單，只需要設置好元素大小和圓角半徑即可實現圓形效果。