css的border-radius圓角\橢圓\半圓\扇形\葉形

border-radius: 50%; 上 右 下 左

border-radius:(順時針方向)
四個值: 左上 右上 右下 左下
三個值: 左上 右上/左下 右下
兩個值: 左上/右下 右上/左下
一個值: 左上 右上 右下 左下

圓角：

項目中的應(yīng)用（焦點/banner/輪播圖 小圓點稱為分頁器）標簽 價格等
1.png
橢圓：

垂直半徑=高/2 水平半徑=寬/2
2.png
半圓：

寬/高=2 border-radius:高 高 0 0
3.png
扇形：

100% 0 0 0
4.png
葉形：
5.png
6.png
兼容寫法快捷鍵

border-ra 回車
7.png
8.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容