使用纯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.绘制圆并在圆上任取4个点。单击工具箱中的圆工具，在工作区拖动画一个圆。单击工具箱中的点工具，将光标移动到圆周上，当圆周变粗时单击鼠标左键，作出圆上4个点。
使用圆工具绘制圆并在圆上任取4个点
2.构造圆弧。选中圆，按逆时针方向依次选取相邻两点，单击菜单“构造”—“圆上的弧”命令。
按逆时针方向依次选取相邻两点构造圆弧
3.选中当前弧，单击菜单“构造”—“弧内部”—“扇形内部”命令，出现如下图所示扇形。
选中弧并构造扇形内部
4.重复第3、4步，构造出相应的扇形，结果如下图所示。
依次选中弧并构造扇形内部
5.修改扇形颜色。选取要修改的扇形，单击菜单“显示”—“颜色”（或单击鼠标右键，弹出快捷菜单“颜色”），最终效果图如下。
选取要修改的扇形在“颜色”菜单下修改颜色
以上内容介绍了利用几何画板画扇形统计图的方法，此方法比较简单，属于入门级别的，多多练习就会熟练掌握了。
简单， 主要是用好border 想要任意角度的话 多弄几个 重叠在上面（配合 transform：rotate（deg）使用） 如果你想知道css3的更多秘密 那么就去购买 Lea的 css secret
