首先說明一下border-radius屬性
border-radius屬性可以使用百分比或者px類的長度值來實現，當使用百分比時，50%則可以讓正方形變成圓形
1 button{ 2 border-radius:50%;//圓形 3 } 4 button{ 5 border-radius:5px;//使邊角變圓潤 6 }
膠囊樣式
因為圓角弧線為保證不相交會自動縮小半徑，而在使用長度值（而非百分比值）時，半徑並不相對於元素大小，最終會得到對稱的效果。
因此，在創建膠囊兩頭的半圓形時，我們可以故意指定一個比所需半徑大的值，來得到半圓形：
button { border-radius: 999em; }