在網頁設計中，圓形是一種非常常見的圖形，而使用 CSS 制作圓形也是非常簡單的。事實上，您只需要通過一行代碼就可以制作出一個圓形！

border-radius: 50%;

這行代碼會將一個正方形變成一個圓形。該屬性中的百分比值可以改變圓形的大小。例如，如果您想創(chuàng)建一個半徑為 50 像素的圓形，請將代碼更改為：

border-radius: 50px;

另一種方式是使用偽元素來創(chuàng)建帶有文本的圓形。以下是如何做到的：

/*添加CSS*/
.circle{
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #42b983;
position: relative;
}
.circle::before{
content: "漢字";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 30px;
color: #fff;
}

以上代碼可以創(chuàng)建一個帶有文本“漢字”的綠色圓形。請注意，使用絕對定位將偽元素放置在圓形中央。通過將 translate() 函數的值設置為 -50% ，可以將文本水平和垂直居中對齊。您可以通過更改字體大小和顏色來自定義文本。