CSS按鈕加邊框顏色代碼可以讓網站的用戶界面更加美觀，同時也可以讓按鈕更加明顯和易于識別。下面是一個簡單的CSS代碼，可以添加按鈕邊框的顏色，使其外觀更加漂亮：
首先，在HTML文件中，我們需要創建一個包含按鈕的HTML元素。例如：
```html
接下來，在CSS文件中，我們可以使用以下代碼來添加按鈕邊框的顏色：
```css
.my-button {
background-color: #f2f2f2;
border: none;
border-radius: 5px;
padding: 10px 20px;
text-align: center;
text-decoration: none;
.my-button:hover {
background-color: #ddd;
border: none;
上述代碼中，我們使用了`background-color`屬性來設置按鈕的背景顏色，`border`屬性來設置按鈕邊框的顏色，`border-radius`屬性來設置按鈕邊框的半徑，`padding`屬性來設置按鈕的padding,`text-align`屬性來設置按鈕的對齊方式，`text-decoration`屬性來設置按鈕的decoration,`hover`屬性來設置按鈕的懸停狀態，以使邊框顏色更改為淺藍色。
最后，將上述CSS代碼應用到HTML元素中，即可實現一個漂亮的CSS按鈕加邊框顏色效果。