用CSS制作透明圆圈

McD*_*ck4 0 css

我正在玩这个倒计时:

我想要一些带有白色边框的全天候圆圈。我尝试在这里做一些事情,但我不知道如何使背景透明,这样你就可以看到时钟的天,小时,圈,秒?

其实我想要的是这样的,但是要设置围绕圆圈的边框计数,我还做得不够好。但它的设计:

Enm*_*ran 5

这是您想要的最基本的实现,带有边框的透明圆圈。

.circle{
  border:2px solid white;
  border-radius:50%;
  background:rgba(0,0,0,0);
  color:white;
  width:100px;
  height:100px;
  text-align:center;
  line-height:100px;
}
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/aw4duktv/