html – 带有虚线或虚线边框的圆圈

概述我想知道是否有办法使用CSS创建一个带有虚线或虚线边框的圆圈(完全角落的元素).我用边框做到这一点：1px点缀#000;和边界半径border-radius：100px;,但结果是意外的.请参阅 http://jsfiddle.net/7jV8y/中的结果 我看到一个带有实心边框的圆圈,似乎是因为角落.你知道任何解决方案吗？ 如果你使用的是Firefox,这是一个 known bug.你的选择是： 我想知道是否有办法使用CSS创建一个带有虚线或虚线边框的圆圈(完全角落的元素).我用边框做到这一点：1px点缀#000;和边界半径border-radius：100px;,但结果是意外的.请参阅 http://jsfiddle.net/7jV8y/中的结果

我看到一个带有实心边框的圆圈,似乎是因为角落.你知道任何解决方案吗？

解决方法 如果你使用的是firefox,这是一个 known bug.你的选择是：

>如果这仅仅是为了圆圈,请使用< canvas>绘制它,例如如here所示
>使用SVG(可能是内联),它支持stroke paths的各种方法>只需制作一个PNG>修复错误,Mozilla肯定会欣赏;)

总结

以上是内存溢出为你收集整理的html – 带有虚线或虚线边框的圆圈全部内容，希望文章能够帮你解决html – 带有虚线或虚线边框的圆圈所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。