首页> 攻略 > 怎么制作网页扇形分区图形 看完就明白

怎么制作网页扇形分区图形 看完就明白

时间:2021-02-20 09:17:43 编辑:天晴网友

在平时工作中,除了在办公软件里面可以插入图形图表以外,我们还可以使用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

输出最终想要的结果

好了,以上就是大致内容了,(END)

相关文章

相关软件