按鈕的css樣式在網站設計中是非常重要的一部分，但是當我們添加按鈕樣式的時候，通常會發現按鈕會有一個很擾人的外邊框。在本文中，我們將會討論如何通過CSS代碼來消除這些外邊框。

首先，我們需要了解邊框是如何出現在按鈕上的。當我們給按鈕添加一個邊框樣式，如下所示：

button {
border: 2px solid #000;
}

這段代碼會給按鈕添加一個黑色的，2像素寬的邊框。但是，由于每個瀏覽器有不同的用戶樣式表，他們可能會為按鈕添加額外的邊框，這是我們需要消除的外邊框。

為了取消按鈕的外邊框，我們可以添加下面這段代碼：

button {
border: none;
outline: none;
}

這段代碼會將按鈕的邊框和輪廓（outline）全部設為“無”，也就是不顯示。這樣，按鈕的外邊框就會消失了。注意，我們需要同時將邊框和輪廓都設為“無”，否則某些瀏覽器可能還是會顯示外邊框。

另外，我們也可以通過一些其他的CSS樣式來進一步控制按鈕的邊框效果。比如，當我們需要在按鈕上添加一些陰影或者投影效果時，我們可以使用box-shadow屬性，如下所示：

button {
box-shadow: 2px 2px 4px #888;
}

這段代碼會在按鈕的周圍添加一個2像素寬的陰影效果，顏色為#888。此時，按鈕上的邊框和輪廓還是不會顯示出來。

總之，消除按鈕的外邊框是一個比較簡單的操作，而且可以讓我們的按鈕看起來更加美觀和專業。希望這篇文章對你有所幫助！