css 膠囊圓角小技巧

創建膠囊

因為圓角弧線為保證不相交會自動縮小半徑，而在使用長度值（而非百分比值）時，半徑并不相對于元素大小，最終會得到對稱的效果。

因此，在創建膠囊兩頭的半圓形時，我們可以故意指定一個比所需半徑大的值，來得到半圓形：
el：border-radius: 999rem;

總結：當border-radius的值遠遠大于所需半徑。那么就會做到膠囊圓角。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容