CSS是前端開發中很重要的一部分，它可以讓網頁的外觀更加美觀。在CSS中，我們能夠很容易地將方塊變為圓形。在這篇文章中，我們將介紹幾種將方塊變為圓形的方法。

/* 方法一：使用border-radius屬性 */
div{
border-radius: 50%; /* 將div元素變為圓形 */
}
/* 方法二：使用兩個方塊以及偽元素實現 */
div{
position: relative;
width: 100px;
height: 100px;
overflow: hidden; /* 隱藏滾動條 */
/* 設置偽元素樣式 */
&:before{
content: ""; /* 必須添加 */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 140px; /* 要比盒子大一點，才能夠完全遮蓋盒子 */
height: 140px;
background-color: #eee;
border-radius: 50%;
z-index: -1; /* 將偽元素放置到下方 */
}
}
/* 方法三：使用clip-path屬性 */
div{
clip-path: circle(50%); /* 將div元素剪裁成圓形 */
}
/* 方法四：使用transform屬性 */
div{
transform: scale(1); /* 將div元素的寬高縮放成1倍 */
border-radius: 50%; /* 再將它變成圓形 */
}

現在，你能夠使用這幾種方法將方塊變為圓形了。如果你不想將元素變成圓形，你也可以使用這些方法將元素變成橢圓或其他的形狀。希望這篇文章能夠幫助到你！