CSS是前端開發中重要的一部分，它能夠讓網頁變得漂亮而且簡單易懂。其中，按鈕的邊框也是CSS的一部分，下面我們來看看CSS如何設置按鈕的邊框。

button {
border: 1px solid #ccc; /* 設置按鈕邊框為1像素，顏色為灰色 */
padding: 0.5rem 1rem; /* 設置按鈕內邊距 */
border-radius: 0.25rem; /* 設置按鈕邊框為圓角 */
background-color: #f5f5f5; /* 設置背景顏色 */
}

上述代碼中，我們首先選中了按鈕元素，然后通過border屬性將按鈕的邊框設置為1像素，顏色為灰色。接著，通過padding屬性設置按鈕的內邊距，這里的0.5rem 1rem分別表示上下和左右兩個方向的內邊距大小。然后，我們通過border-radius屬性將按鈕的邊框設置為圓角，這里的0.25rem表示圓角的大小。最后，我們通過background-color屬性設置按鈕的背景顏色為灰白色。

除了上述屬性外，CSS還提供了其他的按鈕邊框樣式，如dashed，dotted，double等，開發者可以根據實際需求自行設置。

CSS設置按鈕邊框的方式簡單而易懂，通過改變屬性值可以實現不同的效果，從而讓網頁更加美觀和易讀。