CSS中有很多有趣的屬性，其中就有可以畫圓的屬性。在實際開發中，我們經常需要用到圓形圖標或者圓角邊框。接下來，我們就來了解一下有哪些CSS屬性可以幫我們畫圓。

/* 圓形元素 */
.round {
width: 50px;
height: 50px;
border-radius: 50%; /* 將元素的邊框半徑設置為寬度/2，即可畫出一個圓形 */
}

上述代碼利用CSS的border-radius屬性，將元素的邊框半徑設置為50%的寬度，就可以畫出一個圓形元素。

/* 圓形圖標 */
.circle-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: grey;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}

如果想要畫一個圓形的圖標，可以利用CSS的border-radius屬性和背景色來實現。同時，設置元素的display屬性為flex，可以方便地將內容居中顯示。

/* 圓角邊框 */
.box {
width: 100px;
height: 100px;
border-radius: 20px;
border: 1px solid grey;
}

如果需要畫一個帶有圓角邊框的元素，可以使用CSS的border-radius屬性和border屬性。設置border-radius為所需半徑大小即可，另外再設置一個border屬性即可畫出一個帶圓角邊框的元素。

以上就是CSS中可以畫圓的屬性介紹。利用這些屬性，我們可以輕松實現各種圓形元素的展示和圓角邊框的效果，為頁面增加更多的美感。