css - 用CSS制作透明圆圈

标签 css

<分区>

我正在玩这个倒计时:

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

其实我喜欢这样,但是要设置围绕圆圈计数的边框,我还不够好。但是上面的设计:

最佳答案

这是你想要的最基本的实现,一个带边框的透明圆圈。

.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;
}

https://jsfiddle.net/aw4duktv/

关于css - 用CSS制作透明圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39306293/

上一篇:javascript - 在延迟之前更改模态的背景

下一篇:html - 如何将文本区域中的文本放入段落中?

相关文章:

javascript - Bootstrap 页脚问题

javascript - 如何在 Electron 窗未聚焦时将其玻璃化?

javascript - 如何创建一个简单的 slider ?

php - 如何使链接更改以下页面中的css

css - 水平 CSS UL 菜单

css - 为什么悬停在这个菜单中在 IE 中不起作用?

html - 以全宽网页显示图像

javascript - 在可点击框内创建可点击链接(<a href> 内的 ActionLink)

javascript - 当 CKEditor 破坏 <span> 时,如何在其中包含带有 HTML 的工具提示

css - 我不明白如何在 div 中动态调整 ul 的大小