每次遇到設定圓角的問題，自己就涼颼颼渾身冒冷汗，因為對於這個新樣式，自己始終有點記不住，那好，今天小編就做下筆記，牢牢記住它，從案例出發——button是如何設定圓角的呢？
工具/原料
sublime編輯器
方法/步驟
新建一個html檔案，在html內寫新建一個button標籤：
；同時給button先加上樣式：
.btn{width: 200px;height: 30px;background: #ccc;border: 1px solid #eee;}
預覽html檔案，可以看到現在button按鈕暫時還沒有圓角；
css樣式設定圓角有專門的樣式（border-radius），因此button按鈕設定圓角可以加上：border-radius: 15px;
特別注意，border-radius樣式目前只有高版本的瀏覽器才支援，例如谷歌瀏覽器，火狐，ie9+等瀏覽器；
如果你想相容所有的瀏覽器，就可以考慮用背景圖的形式設定，首先切出一張圓角按鈕圖片，然後用background樣式設定背景圖，而且設定合適的寬高，並去掉預設的邊框；
再次預覽html，button按鈕圓角設定成功了，可以檢視所有瀏覽器，均能正常顯示
