CSS 可以讓我們輕松將一個普通的矩形 DIV 改成圓形，并在我們的網頁中創造出完全不同的效果。

/* 圓形的 DIV */
div {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #8ED6FF;
}

代碼中，我們選中了要改變的 DIV ，然后使用 border-radius 屬性來創建圓角。這個屬性可以像百分比一樣設置，比如 50% 就是一個完美的圓形了。我們還可以添加一個背景顏色，這樣 DIV 就會填充這個顏色并變成一個圓形的元素了。

當然，我們還可以添加一些其他的屬性來使這個圓形更加有趣。比如，我們可以用 transform 屬性輕松地讓這個元素旋轉：

/* 旋轉的圓形 DIV */
div {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #8ED6FF;
transform: rotate(45deg);
}

現在，我們的圓形元素在頁面中變了一個秀氣的角度，看上去更加有動感了。

總的來說，CSS 可以讓我們將一個普通的矩形 DIV 轉化成一個圓形的、有趣的元素，這樣我們可以創造出不同于傳統矩形的布局和視覺效果。