對於border屬性，css3提供了四個單獨的屬性，　　* border-top-left-radius：　　* border-top-right-radius　　* border-bottom-right-radius　　* border-bottom-left-radius　　也就是這四個單獨的屬性，可以實現弧度的轉換。　　例：　　radius可向div元素新增圓角邊框。　　border-radius是一種縮寫方法。如果“/”前後的值都存在，那麼“/”前面的值設定其水平半徑，“/”後面值設定其垂直半徑。如果沒有“/”，則水平和垂直半徑相等。另外其四個值是按照top-left、top-right、bottom-right、bottom-left的順序來設定的其主要會有下面幾種情形出現：　　1、只有一個值，那麼top-left、top-right、bottom-right、bottom-left四個值相等。　　2、有兩個值，那麼top-left等於bottom-right，並且取第一個值；top-right等於bottom-left，並且取第二個值　　3、有三個值，其中第一個值是設定top-left;而第二個值是top-right和bottom-left並且他們會相等,第三個值是設定bottom-right。　　4、有四個值，其中第一個值是設定top-left而第二個值是top-right第三個值bottom-right第四個值是設定bottom-left。

利用css3的border-radius屬性，如：

border-radius的值越大，邊角的弧度就越大，將border-radius的值設定為50%的時候，可以將一個正方形變成圓形，如：