CSS中帶有輪廓的圓形是一種常用的設計。它可以用于各種場景，比如按鈕、徽標或者懸浮提示框等。下面是使用CSS創建帶輪廓的圓形的方法。

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #000;
outline: 2px dashed #f00;
}

首先，我們創建一個類名為“circle”的div，寬高分別設置為50px，并設置圓角半徑為50%。然后設置邊框為2px的實線，顏色為黑色。最后，設置輪廓線為2px的虛線，顏色為紅色。

如果想要調整圓形的大小和輪廓線的顏色，可以在上述代碼中修改對應的數值。比如，將輪廓線的顏色改為藍色，可以這樣寫：

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid #000;
outline: 2px dashed #00f;
}

這樣就可以得到顏色為藍色的帶輪廓的圓形了。通過修改上述代碼，還可以實現各種不同的效果，比如改變圓形的大小、邊框的樣式、輪廓線的寬度等等。