在平时工作中 ， 除了在办公软件里面可以插入图形图表以外 ， 我们还可以使用html5自带的绘图功能进行饼状图的制作 。 方法如下：工具/材料 html5
操作方法 01 在编辑环境（webstorm）里面新建一个名为hh的html文件
文章插图
02 在<body>标签里面新建一个类名为box2的类
文章插图
03 设置div标签的宽度为0
文章插图
04 为div设置高度(height)
文章插图
05 设置div边框的大小为100px,颜色为红色 ， 实线 ， 并在网页上下150px,左右居中的位置显示图形
文章插图
06 运行程序
文章插图
07 为div边框绘制一个圆角 ， 使其变为一个填充色为红色的圆形
文章插图
08 再次运行程序
文章插图
09 设置图形右边的填充颜色
文章插图
10 输出图形
文章插图
11 设置图形底部的填充颜色
文章插图
12 再次输出图形
文章插图
13 【怎么制作网页扇形分区图形】设置图形左边的填充颜色
文章插图
14 输出最终想要的结果
文章插图
以上内容就是怎么制作网页扇形分区图形的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 婚纱花怎么养
- 用AI制作愤怒的QQ表情
- 六倍利种子怎么种
- 如何制作一个弧形轨迹运动的球体图案
- word页码从任意页开始怎么设置
- 王者荣耀貂蝉铭文怎么配最强？
- 自动挡汽车怎么起步
- 电脑屏幕太亮怎么调暗?
- excel自动排序编号怎么弄？
- word文字居中怎么设置？