利用CSS3语言中的属性绘制类似操场形状的椭圆形（1）使用属性border-radius（2）利用div元素绘制图形操作如下：
工具/原料
1
HBuilder
2
截图工具
3
浏览器
方法/步骤
1
第一步，双击打开HBuilder开发工具，新建静态页面circle.html，如下图所示：
2
第二步，在
元素内插入，给定div类acdiv，如下图所示：3
第三步，设置div元素的宽度和高度400px，设定div背景色，如下图所示：
4
第四步，修改div元素的高度和宽度，宽度为800px，高度为400px，如下图所示：
5
第五步，添加属性border-radius:20px，保存静态页面，如下图所示：
6
第六步，在未添加border-radius属性时预览静态页面，添加border-radius之后再次预览，如下图所示：
注意事项
1
注意CSS3新增属性的用法
2
注意CSS3属性border-radius的用法
上一篇：抄袭的假象头条
下一篇：包席菜的华丽转身--东北红烧炖