1前计、圓胞谭,原理:四個角都是圓角:四個角的取值為50%或為寬和高一樣的值
2、扇形男杈,原理:左上角是圓角丈屹,其余三個角都是直角:左上角的值為寬和高一樣的值,其他三個角的值不變(等于0)势就。
3泉瞻、弧形,原理:兩個對角變苞冯,另外兩個對角不變:比如袖牙,左上角、右下角取值為寬和高一樣的值舅锄,右上角鞭达、左下角的值不變(等于0) .添加transform屬性可旋轉(zhuǎn)成平躺的弧形,類似人的嘴巴形狀皇忿。
4畴蹭、小三角,原理:設(shè)置邊框鳍烁,并把原來div的寬和高的值設(shè)置為0叨襟,即把原來的矩形壓縮成只有邊框,但因為設(shè)置的邊框值比較大(為了保證三角形看起來不會太小或者太細)幔荒,然后設(shè)置每一個邊框的顏色不同糊闽,就可以看出三角形其實就可以是由邊框變換而來的。若只想顯示某一塊三角形爹梁,可以把其他的邊框顏色設(shè)置為透明右犹,即transparent。