使用纯css制作扇形图，合并起来形成饼图：
应该知道css3中引入了圆角属性（border-radius），一旦设置这个值，边框即会出现圆角。同样，我们对正方形设置圆角，即可得到饼状图
html：<div id="circle">11</div>
css：
#circle{
width:0
height:0
border-radius:100px
border-width:100px
border-style:solid
border-color: red blue green yellow
line-height:99em
overflow:hidden
cursor:pointer
margin: 30px auto
}
效果：
4.同样我们对其中三个边框设置透明色即可得到扇形
html：<div id="fan">11</div>
css:
#fan{
width:0
height:0
border-radius:100px
border-width:100px
border-style:solid
border-color:red transparent transparent transparent
line-height:99em
overflow:hidden
cursor:pointer
margin: 30px auto
}
效果：
扇形的画法如下：
1、在纸上画出一个大大的弧形。
2、在大弧形的下面，画出一个小弧形，两个弧形要平行。
3、用两条直线将两个弧形连接起来，形成扇形。
4、在扇形中，画出均匀的扇骨。
5、把边缘的两条直线延长，并在下方画出一个弧形。
6、按照画扇骨的方法，在下方的小扇形始追中画出均匀线条。
7、用喜欢的颜色给画好的扇子涂上即可。
一条圆弧和经过这条圆弧两端的两条半径所围成的图形叫扇形（半圆与直径的组合也是扇形）。显然，它是由圆周的一部分与它所对应的圆心角围成。《几何原本》中这样定义扇形：由顶点在圆心的角的两边和这两边所截一段圆弧围成的图形。
扇形，是圆的一部分，由两个半径和和一段弧围成，在较小的区域被称为小扇形，较大的区域被称为大扇形。圆弧为180°的扇形称为半圆。其他圆弧角的扇形有时给予其特别的名字，其中包括象限角90°、六分角60°以及八分角45°，它们分别是整圆的1/4、1/6、1/8。
简单， 主要是用好border 想要任意角度的话 多弄几个 重叠在上面（配合 transform：rotate（deg）使用） 如果你想知道css3的更多秘密 那么就去购买 Lea的 css secret
