border-radius熟悉寫形狀攻略

border-radius，國內翻譯成圓角，你可能以爲這個屬性就是用來畫圓角，沒錯，但是除此之外，它還可以做點別的事情。radius其實指的是邊框所在圓的半徑，這個CSS3屬性不僅能夠創建圓角，還可以創建橢圓角（如圖下圖第7），把這些角按照不同的順序和大小來展現，能夠繪製成多種多樣的圖形。以下圖例就是通過定義border-radius得到的效果。     把這些基本的圖形進行組合，還可以描繪成不同

>>阅读原文<<