CSS樣式是為網頁設計提供了很多靈活和豐富的功能。其中按鈕邊界的設置也是很重要的一部分，可以讓按鈕更美觀，更易于使用。通過下面的代碼示例，我們可以學習如何設置按鈕邊界。

/* 定義一個按鈕樣式 */
.btn {
padding: 10px 20px;
border: 2px solid #4CAF50;
background-color: white;
color: #4CAF50;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
/* 鼠標懸停時改變背景顏色 */
.btn:hover {
background-color: #4CAF50;
color: white;
}
/* 鼠標點擊時改變邊界顏色 */
.btn:active {
border-color: #3e8e41;
}

首先，我們定義了一個按鈕類“btn”，設置了按鈕的內邊距、邊界、背景顏色、文字顏色和鼠標指針樣式。然后，我們使用CSS過渡屬性來實現鼠標懸停時按鈕背景顏色的平滑過渡。最后，我們使用“:active”偽類來定義鼠標在點擊按鈕時的樣式，即改變邊界顏色。

通過這種方式，我們可以根據自己的需要來定義按鈕的樣式和行為，并為用戶提供更好的體驗。