1、第一步：首先我们在桌面上新建一个文件夹用来保存html文档。
4、第四步：在<head>标签的中间写上样式<style> #circle{}</style>
6、第六步：此时我们在IE浏览器中可以看到，是一个单色圆环。
8、第九步：写完保存后，我们在浏览器中预览，可以看到四色圆环已经设置完成，达到了我们预期的效果。
9、总结：1、设置圆环首先保洵翌绦枞证width和height的数值一样。2、先设置单色圆环的关键是：border-radius:50%3、设置汇囡檑铼四色圆环的关键是设置：border-top/right/bottom/left-color:颜色值
