CSS是一種可以為HTML文檔添加樣式的語言。通過CSS，我們可以調整文檔中各種元素的樣式，包括字體、顏色、大小、間距、背景等等。在本文中，我們將討論如何使用CSS將一個方形的div元素變成圓形。

在CSS中，我們可以使用border-radius屬性來實現將一個元素的角變圓。這個屬性需要指定一個數值，表示角的圓弧半徑大小。如果我們想要將一個方形的div元素變成圓形，我們需要將border-radius屬性的值設置為該元素寬度的一半。如下面這個例子所示：

div {
width: 100px;
height: 100px;
border-radius: 50px;
}

上面這段CSS代碼中，我們創建了一個寬高都為100像素的div元素，并將其border-radius屬性的值設為50像素。這樣一來，該元素四個角就都變成了圓形，從而使該元素變成了圓形。

需要注意的是，如果我們想要將一個矩形元素的部分角變成圓形，我們可以使用border-radius屬性的多個值來實現。該屬性可以接受4個值，分別表示左上角、右上角、右下角、左下角的圓弧半徑。例如：

div {
width: 100px;
height: 100px;
border-radius: 0 0 50px 50px;
}

上面這段CSS代碼中，我們讓該元素的左上角和右上角保持直角不變，而將右下角和左下角的角變成了圓形。這樣一來，該元素就變成了一個只有兩個圓角的形狀。

通過使用border-radius屬性，我們可以很容易地將一個方形的div元素變成圓形，或將矩形元素的部分角變成圓形。當然，這只是CSS中一個小小的樣式技巧，我們還可以使用更多豐富的CSS樣式來美化我們的HTML文檔。