css 不规则边角_可以用css3制作不规则多边形吗

展开全部

1、圆形#circle {    width: 100px;    height: 100px;    background: red;    -moz-border-radius: 50px;    -webkit-border-radius: 50px;    border-radius: 50px;

}

2、椭圆#oval {    width: 200px;    height: 100px;    background: red;    -moz-border-radius: 100px / 50px;    -webkit-border-radius: 100px / 50px;    border-radius: 100px / 50px;

}

3、等边三角62616964757a686964616fe4b893e5b19e31333365656466#triangle-up {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid transparent;    border-bottom: 100px solid red;

}

4、直角三角#triangle-topleft {    width: 0;    height: 0;    border-top: 100px solid red;

border-right: 100px solid transparent;

}

5、平行四边形#parallelogram {    width: 150px;    height: 100px;    margin-left:20px;    -webkit-transform: skew(20deg);       -moz-transform: skew(20deg);         -o-transform: skew(20deg);    background: red;

}