一、border-radius 可以同時設定1-4個值
a)1個值 控制4個圓角
b)2個值 第1個控制左上角和右下角 第2個值控制左下角和右上角
c)3個值 第1個控制 第2個值控制左下角和右上角 第三個值控制右下角
d)4個值 依次控制4個圓角（從左上角 到 左下角）
單個圓角的設定：
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
注意早期火狐單個圓角設定
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft
二、斜槓可以分別控制水平半徑和垂直半徑
三、瀏覽器相容
a)ie9 及以上可相容（低版本可用js控制，參照
低版建議用圓角
b)早期版本chrome,safary 支援-webkit-border-radius
c)早期firefox 支援 -moz-border-radius
照顧相容
-moz-border-radius: 5px;
border-radius: 5px; // border-radius 必須放在最後宣告，否則可能失效
注意： 每個圓角邊框盡量設定一樣的值，避免使用百分比
關於圓角問題
圓角很容易實現 e這是經常使用的圓角表示方式。很實用，但不可避免地會出現一些問題。在標準盒模型中，制定的width，height指的是內容的寬度，也就是說，新增了邊框寬度時，元素所佔的空間尺寸會改變，這樣很有可能會影響到原有布局。當然，可以使用box sizing border box來拯救布局。當...
在table中使用border radius
在table中使用border radius 先來看看設計圖吧 拿到圖，先想到還是 table標籤，可是，table 是矩形的，沒關係，我們有border radius呀，效果如下 給table加沒有效果但可以給每個單元格加啊，嗯，好像很有道理的樣子，試試 咦，怎麼和想象的不一樣捏，左右上角的直線角...
關於切圓角的優化
當我們切圓角.比如在復用的cell中的某個控制項切圓角.我們會在滑動的時候覺得特別卡.這是由於離屏渲染所造成的.我們可以設定layer屬性中的shouldrasterize yes.在layer設定shouldrasterize yes之後，會把被光柵化的圖層儲存成位圖並快取起來，其中圓角或者陰影之...