Javascript 如何在CSS中使用borderRadius和borderLeftColor、borderBottomColor、borderRightColor、borderTopColor？

我想要一个有25%彩色边框和75%透明的圆圈，但却意外地得到了100%黑色边框的圆圈

我还尝试了每个角的边界半径，但它没有提供理想的输出

progressLayer：{ 宽度：200， 身高：200， 边框宽度：20， 位置：'绝对'， borderLeftColor:'透明'， borderBottomColor:'透明'， borderRightColor:“透明”， borderTopColor:'3498db'， 边界半径：100， } };

---

用25%的彩色边框和75%的透明边框围成一个圆圈。

要使某些边框透明，应该这样做：

右边框：2px实心透明

---

其他边框也一样。

使用透明而不是不透明的巧妙技巧是使用rgba颜色，因此，它不会是borderLeftColor:“透明”，而是使用borderLeftColor:“rgba0,0,0” [最后一个0是透明度，如果使用0,0,0,1，它将是黑色的，0,0,0.5将提供一个漂亮的黑色覆盖]

另一个解决方案 仅为特定方向启用边框宽度

progressLayer: { width: 200, height: 200, borderTopWidth: 20, position: 'absolute', borderTopColor: '#3498db', borderRadius: 100, } });

---

应该可以，但不能测试圆

我认为你不能使边界透明。可以通过“不透明度”属性设置对象的整体透明度。