在CSS中想要弄出圓形有多種方式，下面列舉三種最常用的方法。

1. 使用border-radius屬性
/* 以寬度和高度相等的正方形為例 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%; /* 圓形的半徑為寬度的50% */
}
/* 也可以使用如下方式設置不同寬度和高度的元素 */
.circle2 {
width: 120px;
height: 80px;
border-radius: 50%; /* 圓形的半徑為寬度的50% */
}
2. 使用偽元素實現
.circle::before {
content: "";
display: block;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: blue;
}
3. 進一步擴展偽元素實現
.circle::before {
content: "";
display: block;
padding-top: 100%; /* 建立比例關系 */
}
.circle::after {
content: "";
display: block;
height: 0;
clear: both; /* 清除浮動 */
}
/* 實現純CSS圓形 */
.circle {
position: relative;
width: 100px;
height: 100px;
background-color: blue;
}
.circle::before {
content: "";
display: block;
padding-top: 100%;
}
.circle::after {
content: "";
display: block;
height: 0;
clear: both;
}

以上三種方法不僅可以用于實現簡單的圓形，還可以用于制作復雜的圖形。讀者可以嘗試使用以上代碼，應用到自己的網頁設計中。