CSS是一種用于美化網頁的語言，通過CSS我們可以給網頁添加美麗的樣式，其中也包括了給按鈕添加邊框。下面我們就來看一下如何使用CSS來給按鈕添加邊框。

.button {
border: 1px solid #ccc;
padding: 10px 20px;
background-color: #fff;
color: #333;
font-size: 16px;
}

代碼中，我們定義了一個名為“button”的class，表示這個樣式是用于按鈕的。border屬性用于定義邊框，這里設置為1像素實線邊框，顏色為灰色。padding屬性用于定義邊距，這里設置為上下10像素，左右20像素。background-color屬性和color屬性用于設置按鈕的背景顏色和字體顏色，這里的值是白色和深灰色。最后的font-size屬性用于設置字體大小。

如果要給按鈕添加懸停狀態，我們可以使用CSS中的:hover偽類來實現。懸停狀態下，我們可以用不同的顏色來突出顯示按鈕，代碼如下：

.button:hover {
background-color: #333;
color: #fff;
}

代碼中，我們只修改了按鈕的background-color屬性和color屬性，讓按鈕的背景顏色變為深灰色，字體顏色變為白色，來實現懸停狀態下的效果。

除此之外，還可以根據具體需求來對按鈕的邊框進行更多的樣式設置，比如設置邊框圓角、陰影效果等等。在使用CSS進行邊框設計時，我們需要靈活運用各種屬性和偽類，來打造出更具有個性和美感的網頁按鈕。