CSS是網頁設計中非常重要的一部分，它可以讓我們輕松地為網頁元素添加各種樣式。其中，最基本的樣式之一就是圓形。那么，如何使用CSS來制作一個圓形呢？

/* CSS代碼 */
.circle {
width: 100px;  /* 圓形的直徑 */
height: 100px;
border-radius: 50%;  /* 圓形的邊框半徑為元素寬度/高度的50% */
background-color: #f00;  /* 填充顏色為紅色 */
}

上面的CSS代碼中，我們使用了border-radius屬性來制作圓形。其中，邊框半徑為50%的原因是，當我們想要制作一個圓形時，必須將邊框半徑設置為元素寬度/高度的50%。這樣，就可以讓圓的直徑等于元素的寬度/高度。

當然，我們也可以使用以下代碼來制作帶有陰影效果的圓形：

/* CSS代碼 */
.circle {
width: 100px;  /* 圓形的直徑 */
height: 100px;
border-radius: 50%;  /* 圓形的邊框半徑為元素寬度/高度的50% */
background-color: #f00;  /* 填充顏色為紅色 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  /* 添加陰影效果 */
}

以上就是使用CSS制作圓形的兩種方法，希望可以對你有所幫助。