css中border-radius用法詳解

border-radius:由浮點數字和單位標識符組成的長度值。
border-top-left-radius              ---   左上
border-top-right-radius            ---   右上
border-bottom-right-radius      ---   右下
border-bottom-left-radius        ---   左下

說明：第一個值是水平半徑，如果為0則為直角

圓形

代碼如下	複製代碼
border-radius:50px; width:100px; height:100px; border:1px solid red;

半圓

代碼如下	複製代碼
border-radius: 100px  0px  0px  100px; height: 100px; width: 50px;

四分之一

代碼如下	複製代碼
border-radius:100px; width:100px; height:100px; border:1px solid red;

圓角

代碼如下	複製代碼
border-radius: 10px; height: 60px; width: 100px;

弧形

代碼如下	複製代碼
border-radius: 100px  0px  0px  0px; height: 100px; width: 100px; border-left: 1px solid red;border-top: 1px solid red;