在CSS中,我們可以通過border-radius屬性來讓一個div變成圓形。
.circle {
border-radius: 50%;
}
上面的代碼將會創建一個圓形的div,其實現原理是將四個邊角的弧度設置為50%(一個矩形的四個角度之和為360度)。
我們也可以只將某一個角的弧度設置為50%來實現一些特殊的效果,例如只讓左下角變成圓弧。
.rounded {
border-bottom-left-radius: 50%;
}
上面的代碼將會給div的左下角添加圓弧效果,而其他的角度則不受影響。
上一篇Css中如何用單元格值