CSS3可以很方便地用代碼畫出圓形，而且還可以給圓形加上圓環，增加視覺效果。下面我們來看一看怎么實現。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f5f5f5;
}
.circle-border {
border: 5px solid #3498db;
box-sizing: border-box;
}

首先，我們需要用CSS3的border-radius屬性來實現一個圓形。這個屬性可以讓一個矩形變成一個圓形，只需要設置其值為50%即可。

接下來，我們需要給這個圓形加上圓環。這可以通過border屬性來實現，只需要設置其寬度、樣式和顏色即可。而且使用box-sizing:border-box來確保邊框的寬度不會影響到圓形的大小。

這樣，我們就可以畫出一個帶有圓環的圓形了。可以根據自己的需要來調整圓形的大小和顏色。