在網站設計中，美觀的圓形元素是很重要的一部分。一種簡單的方法是使用 CSS 來將方形元素變成圓形。

.square {
width: 200px;
height: 200px;
background-color: #4CAF50;
}
.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #4CAF50;
}

在上面的代碼中，我們創建了一個方形的 div 元素，并給它一個綠色的背景。接著，我們復制了這個代碼并給它一個新的類名 'circle'。我們在新的 CSS 規則中添加了 'border-radius: 50%'，它的值是元素寬度和高度的一半，使得整個元素呈現圓形。我們將 'background-color' 屬性添加到新的類名中來調整背景色。

現在，我們將 'circle' 類名添加到 div 元素中，它將變成圓形。

<div class="square"></div><div class="circle"></div>

這是一個簡單的方法來將方形元素變成圓形。你也可以調整圓角的大小來創建不同大小的圓形元素。希望這篇文章對你有所幫助。