Dash破折號是CSS中一個非常有用的特性，我們可以使用它來畫出很多有趣的圖案，比如圓形。下面我就來教大家如何使用CSS的Dash破折號特性來畫圓。

.circle {
width: 200px;
height: 200px;
border: 2px dashed black;
border-radius: 50%;
box-sizing: border-box;
}

首先，我們先創(chuàng)建一個class為circle的元素，設(shè)置它的寬高都為200px，邊框為2px的破折號邊框，邊框半徑為50%，使它成為一個圓形。同時，我們將box-sizing屬性設(shè)置為border-box，這樣就不會出現(xiàn)圓形被撐開的情況。

完成以上代碼后，我們就可以看到如下的效果，一個帶有破折號邊框的圓形元素：

如果我們希望改變破折號邊框的樣式，也可以通過設(shè)置border-style的值來實現(xiàn)，比如只顯示單破折號：

.circle {
border-style: dashed;
border-width: 2px;
border-color: black;
}

這樣就可以看到只有一條破折號的效果：

通過Dash破折號，我們可以用更簡單的方式來創(chuàng)建復(fù)雜的圖案，同時也能讓我們的頁面更加美觀。