CSS3图形实战

-> 自适应的椭圆

 鼠标划上来看看

运动的椭圆

-> 半椭圆

本来一个div就可以，不过我用了两个四十五度的，自己玩。

半椭圆

-> 平行四边形

首先

平行四边形

-> 平行四边形

美腿

-> 切角矩形

切角矩形

-> 凹角矩形

凹角矩形

-> 切角矩形(SVG)

切角矩形

-> 梯形

梯形

-> 梯形

梯形

-> 梯形

梯形

-> div饼图

饼图

-> 饼图

饼图

-> js绘制饼图

20%
60%

js绘制饼图

备注：这里的大多数例子，都是从LEA VEROU的《css揭秘》这本书上借鉴来的，感兴趣的童鞋不如去买这本书，简直是CSS神书，就和Js的蝴蝶一样，前端必备。