在網頁設計和開發中，CSS 可以幫助我們非常方便地調整邊框樣式和顏色。如果你想給一個元素增加邊框并使其顏色變化，可以使用下面這個 CSS 代碼：

border: 1px solid #000;
transition: border-color 0.5s ease;

這個代碼塊有兩條 CSS 規則。第一條是border，它的意思是給當前元素添加一個邊框。括號內的第一個參數是邊框粗細（單位可為像素、em、rem 等），第二個參數是邊框樣式（實線，虛線、點劃線等）以及第三個參數是邊框顏色。

第二條規則是transition，它用于使邊框顏色漸變。該屬性指定了過渡所需的時間、過渡的 CSS 屬性以及過渡類型。

更進一步，如果你需要鼠標懸停時邊框顏色改變，可以這樣寫：

border: 1px solid #000;
transition: border-color 0.5s ease;
}
:hover {
border-color: #f00;
}

這里使用了 CSS 偽類:hover，它表示鼠標懸停時的狀態。我們可以將另一個邊框顏色設置為:hover的顏色，這樣當鼠標懸停該元素時，邊框顏色就會發生變化。

這些是 CSS 控制邊框顏色的基本方法，你可以根據需要自由地使用它們。