在CSS中，我們可以通過border-radius屬性來讓一個(gè)div變成圓形。

.circle {
border-radius: 50%;
}

上面的代碼將會(huì)創(chuàng)建一個(gè)圓形的div，其實(shí)現(xiàn)原理是將四個(gè)邊角的弧度設(shè)置為50%（一個(gè)矩形的四個(gè)角度之和為360度）。

我們也可以只將某一個(gè)角的弧度設(shè)置為50%來實(shí)現(xiàn)一些特殊的效果，例如只讓左下角變成圓弧。

.rounded {
border-bottom-left-radius: 50%;
}

上面的代碼將會(huì)給div的左下角添加圓弧效果，而其他的角度則不受影響。