Javascript 是否可以使用CSS创建曲线虚线？

我的目标是创建虚线，就像我在下图中突出显示的虚线一样。这是否仅适用于CSS

我的网页是使用引导响应的，如果窗口的宽度改变，虚线必须在正确的位置

---

坏消息是你不能弯曲虚线边框。如果在CSS中使用边界半径，它总是实心的。但我认为这个例子会引导你找到正确的解决方案。

#包装器{
宽度：680px；
显示：表格；
保证金：自动；
}
#包装器>div{
显示：内联块；
}
.圆圈{
位置：相对位置；
填充：20px；
宽度：120px；
高度：120px；
边界半径：50%；
背景色：#eee；
边框：实心1px#ddd；
z指数：999；
}
.生产线顶部{
宽度：120px；
高度：60px；
z指数：-1；
背景：透明；
边界：无；
边框顶部：虚线2倍橙色；
填充：40px 40px；
边界半径：50%；
利润率：20px-50px 0；
}
.底线{
宽度：120px；
高度：60px；
z指数：-1；
背景：透明；
边界：无；
边框底部：虚线2倍橙色；
填充：40px 40px；
边界半径：0.50%50%；
利润率：0-65px；
}

这些图片有jpg扩展名，但当我试图将它们编辑到您的答案中时，所以说它们的格式不受支持。既然我知道JPG是一种受支持的格式，那么，我就不打算打开那些我认为不受支持的格式。试试这个链接：尝试创建一个底部带有虚线边框的元素，然后使用css设置该元素所需的正确宽度（即虚线的宽度），然后为圆设置正确的z索引值（例如z索引：9999），当我检查时，这些元素在虚线（例如z-index:-1）中起作用。。。只有Firefox（也许还有IE）忽略了虚线和带边框半径的虚线。。。在chrome（chrome浏览器）中，边框为虚线/虚线。。。不是索利多更改JSFIDLE的链接。。。现在的例子是内联块div。如果答案对您合适，请接受答案。。不仅像你一样投票。。。单击投票箭头下的“检查”