css create 多边形 polygon

案例：

代码：

element.style {

width: 0;

height: 0;

/* border-left: 50px solid transparent; */

border-right: 50px solid #383030;

border-bottom: 100px solid green;

}
分析：
css 当width 为 0,height为0, border不同时，不同的border为solid时就分冲突空间，而后会均分空间，要想实现多边形，可以把某个边设置为 solid transparent透明可以实现。
另，实现椭圆，使用border-radius可用。 border-radius: 100px, 50px; 或者要实现 此现在可以使用rotate css3属性。