用css画圆的长度固定的1/4边

最普遍的做法

border-radius:  n px 0 0 0;  

在正方形的div中， n = divHeight时，使用上面的语句，就可以画出1/4的圆，但是仔细看看，画出的圆的半径其实就是你最开始圆的直径，也就是说你画出的弧长或许是你的期望值的两倍。假设现在的需求是固定的弧长呢？

画出固定的弧长

也许你不会用上面的方法画1/4的圆的弧长，而是直接

border-radius：50%， border-left：2px solid #ccc;

这样你会发现和你预期的并不一样，显示的弧长竟然是圆的周长的一半！！

ok， 至于其中原理我并不太清楚，但是我有分析问题和解决问题的思路，在这里不多说，直接说解决方案！！那就是简写border属性，将4条边的属性全部罗列

例： border-radius: 50%;    border-style: solid;    border-color: rgb(0, 187, 236) transparent transparent transparent;