用html制作五环,html+css制作五环（代码极简）

##五环 把五环做成一个浮动，总是位于屏幕中央的效果。

##难点

定位的练习 position ：fixed

位于body中间的时候 left：50%；top:50%;

css内部样式表的使用 style="text/css"

#方法

使用border-radius: 50%再加上z-index设置层叠关系

首先我们用5个块级元素来形成5个环的颜色和形状，并把这5个环放置到一个父级容器div内，再将这个父级元素div放置到浏览器中间位置。

#设计须知

div的作用:div是一个块级元素。它可以将html分割成独立的、不同的部分。如果用id和class来标记div，那么该标签便可以被css所使用变的更有效，通过id或class设计各种的样式。

#设计细节 html的设计：

首先给5个环设置class用来css文件关联样式，并把这5个环放置一个父级div中

div class ="plat">

css样式设计：

通过绑定html中设置好的class，然后绘制五个环的形状和大小还有位置 .a1,.a2,.a3,.a4,.a5{

position:absolute;

width: 100px;

height: 100px;