CSS (Cascading Style Sheets) 是一種設計和開發網頁的常用語言。它不僅可以控制文本的樣式，還能為按鈕添加外觀特征。其中一種很受歡迎的按鈕樣式是帶有藍色邊框的按鈕，下面是如何使用 CSS 實現。

button {
background-color: #3498db;
border: 2px solid #3498db;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
}
button:hover {
background-color: white;
color: #3498db;
transition: all 0.3s ease-in-out;
}
button:focus {
outline: none;
box-shadow: 0px 0px 5px #3498db;
}

代碼中，我們首先定義了按鈕的樣式。我們使用了背景色為 #3498db，邊框為 2px 的 #3498db，字體顏色為白色，內部填充為 10 像素和 20 像素。我們還將邊框圓角化為 5px。我們使用 CSS 的鼠標懸停和焦點偽類效果來改變按鈕的樣式。當我們將鼠標懸停在按鈕上時，按鈕變為白色，邊框變為 #3498db，字體顏色為 #3498db，同時還有一個 0.3 秒的過渡效果。當我們點擊按鈕并使其成為焦點時，我們使用 box-shadow 屬性在按鈕周圍添加了一個藍色的輝光。

帶有藍色邊框的按鈕可以用于在網頁中吸引用戶的注意力，以便更好地突出它們進行的活動。這個按鈕樣式可以很容易地應用到任何按鈕上，并且你可以自由地修改它的顏色和樣式，以適應你的需要。