我試圖創建一個使用邊框半徑的圓角按鈕，但目前，角落並不像他們應該看的那樣。邊界半徑 - 不光滑......爲什麼？
這行代碼有什麼問題嗎？
<li style="padding-left:20px; padding-top:8px">
<!-- Login modal -->
<button class="btn-xs btn btn-navbar" data-toggle="modal" data-target="#myModal" style = "margin-top: 10px; border-radius: 30%; background-color: white;">
Log in
</button>
</li>
您在（％）中給出了邊框半徑，給出了像素中的邊框半徑。它會按你的想法工作。
<li style="padding-left:20px; padding-top:8px">
<!-- Login modal -->
<button class="btn-xs btn btn-navbar" data-toggle="modal" data-target="#myModal" style = "margin-top: 10px; border-radius: 30px; background-color: white;">
Log in
</button>
</li>'％'很好，你有沒有嘗試過玩百分比，雖然'30％'很多？ –
這個工作，非常感謝你！ – user2277916
要獲得圓潤的外觀，簡單地加大對邊境 半徑像素大小。
創建一個自定義類名稱爲round。我們將使用這個類來默認修改由Bootstrap提供的按鈕，以 。
< button type="button" class="btn btn-primary btn-lg round"> Log In < /button>
添加CSS修改自定義類
.round {
border-radius: 24px;
}
截圖可以幫助我們確定你期待什麼，結果是怎樣... – asprin
您使用的是百分比，並不完全與瀏覽器兼容。取決於你使用什麼來測試它。任何理由*爲什麼*您使用百分比？ – Aibrean
新來的CSS，思想百分比應該很好。我按照建議嘗試了像素，它工作。謝謝！ – user2277916