CSS3可以通過使用border-radius屬性來輕松地將一個(gè)DIV元素轉(zhuǎn)換成一個(gè)圓圈。border-radius屬性允許您定義元素的邊框角的圓角程度。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
}

在上面的代碼中，我們給DIV元素命名為.circle，并設(shè)置了其高度和寬度為100像素，并將border-radius屬性設(shè)置為50%。這意味著元素的每個(gè)角都將成為一個(gè)50像素的半徑的圓角。我們還設(shè)置了背景顏色為紅色。

現(xiàn)在，如果您在頁面中使用.circle類，您將看到這個(gè)DIV元素已變成一個(gè)圓圈。這是一個(gè)非常簡(jiǎn)單的方法來創(chuàng)建圓圈，而且你不需要使用任何JavaScript或其他腳本來實(shí)現(xiàn)它。