CSS中可以通過:hover來實現鼠標經過元素時改變樣式的效果。其中，我們可以通過改變邊框的樣式來實現鼠標經過邊框變色的效果。

.box {
border: 2px solid #ccc;
transition: border-color .3s ease;
}
.box:hover {
border-color: red;
}

以上代碼中，我們首先定義一個.box類來設置元素的樣式，包括邊框的顏色和樣式。在:hover偽類的作用下，我們又將邊框顏色改變為紅色。

需要注意的是，我們還將邊框變化設置了一個.3s的過度時間，這樣鼠標經過邊框變色的效果才會更加流暢自然。此外，我們也可以通過添加其他的樣式來增強鼠標經過邊框變色的效果，例如動畫、陰影等。

總的來說，通過使用:hover偽類和邊框顏色的變化，我們可以為頁面元素增加更加豐富的交互效果，提升頁面的用戶體驗。