如何用纯css实现一个动态画圆环效果？ css 中设置表格居中对齐

html结构如下：

<div>

<div></div>

<div></div>

<div></div>

</div>

实现的思路就是：

1.首先定义外层容器大小，本例采用200×200，

.wrap{

position:relative;

width:200px;

height:200px;

overflow:hidden;

}

2.通过border-radius画一个圆环，这个比较简单

.circle{

height:100%;

box-sizing:border-box;

border:20pxsolidred;

border-radius:50%;

}