接觸過
成都Web前端教程的，都知道
CSS在 CSS 2的基礎上新增了很多屬性，比如圓角、陰影等各種特效。
在以前要做一個圓角邊框，都沒有辦法通過代碼實現，都只能通過背景圖片來實現，而在
CSS中，新增了圓角邊框就可以很輕松的通過代碼實現了
圓角邊框屬性 ：border-radius：可以為元素添加圓角邊框，他可以一個值對四個角設置，也可以分別給每個角設置，后面可以跟四個值。
border-radius:1-4 length;
我們需要先通過 HTML 設置一個高和寬為200背景為紅色的容器，然后在通過
CSS 來控制圓角。
（1）設置一個值
四個角都是相同的，添加以下 HTML 代碼就可以實現。
border-radius:50px;
效果如圖：
（2）設置兩個值
兩個值設置的分別是左上和右下、左下和右上
border-radius:50px 40px;
效果如圖：
（3）設置三個值
三個值設置的分別是左上、左下和右上、右下
border-radius:50px 40px 80px;
效果如圖：
（4）設置四個值
三個值設置的分別是左上、右上、右下、左下 (順時針順序)
border-radius:50px 40px 30px 60px;
效果如圖：
2、利用圓角邊框還可以實現圓形和半圓效果
（1）圓形
實現方法：可以寫成百分之五十，這樣長和寬改變，也還是可以形成圓形
border-radius:100px;
border-radius:50%;
這兩種方法都可以實現。
效果：
（2）半圓
實現方法：先做成一個圓形，然后把右下和左下的角度改為0，然后在把高度減去一半就可以形成半圓
width:200px;
height:100px;
backgroud-color:red;
border-radius:100px 100px 0px 0px;
效果：
需要注意的是：
百分比大于50%后，形狀就不會再變化了，圓角的半徑不能超過寬/高的一半
目前，ie9+支持border-radius屬性，Firefox、Chrome、Safari支持所有新的邊框屬性
要想讓網頁變得更美觀，就可以多使用 CSS ，而圓角邊框也是 CSS3 中比較重要的一個屬性，在
成都Web前端中，可以借助
HTML 編寫一個頁面，可以自己嘗試完成一個頁面，也可以去易牛云朗沃去一下以下前端的課程。
