CSS可以讓我們輕松地將一個矩形的div變成一個圓形的div。

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

在這個代碼中，我們先設置了一個寬高都是100px的矩形div，并且使用了border-radius屬性把它變成了一個圓形。border-radius屬性用于設置元素的圓角，其中50%代表了一個完整圓形，可以根據需求進行調整。

除了使用border-radius屬性，我們還可以采取更靈活的方式來實現圓形。例如，可以使用寬高相等的矩形圖片來實現圓形效果，或者使用CSS3的transform屬性來進行旋轉和縮放，從而將矩形轉換成圓形。

div {
width: 100px;
height: 100px;
transform: rotate(45deg) scale(0.7);
border-radius: 50%;
}

在上述代碼中，我們首先將div元素旋轉了45度，然后通過scale屬性對其進行了縮放，從而使它更像一個橢圓形。最后，我們仍然使用了border-radius屬性將其變成了一個圓形。

總之，CSS提供了多種方式讓我們將一個矩形的div變換成一個圓形的div，開發者可以根據實際需求采取不同的方式進行操作。