最普遍的做法

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;