![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
使用纯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、更改图形样式。在弹出的设计页面中，可以选择更改其它的颜色，图形样式等。
在Excel表格中，用户需要在插入选项卡中，通过插入饼图，可以制作饼状图。以下是具体操作步骤。饼图以二维或三维格式显示每一数值相对于总数值的大小。您可以手动拖出饼图的扇面来强调它们。
仅排列在工作表的一列或一行中的数据可以绘制到饼图中。饼图显示一个数据系列中各项的大小与各项总和的比例。饼图中的数据点显示为整个饼图的百分比。
饼图中的数据点（数据点：在图表中绘制的单个值，这些值由条形、柱形、折线、饼图或圆环图的扇面、圆点和其他被称为数据标记的图形表示。相同颜色的数据标记组成一个数据系列。）显示为整个饼图的百分比。
1、以excel2010版本为例，如下图，首先选中要做饼状图的数据，然后点击页面上方的“插入”；
2、在插入菜单栏下，点击饼图，在弹出框里选择你想要的饼图类型；
3、如下图，则可成功插入饼图，点击饼图，然后点击鼠标右键，在弹出框里选择“添加数据标签”；
4、就会在饼图各个区域加上了相应的数值，如要表示成百分比，则点击数据标签后再点击鼠标右键，在弹出框里选择“设置数据标签格式”；
5、在这个设置框里选择“百分比”，就会把数值表示成百分比的形式显示了。
