CSS是網頁設計中的重要組成部分，能夠讓我們輕松地創建美觀的網頁。在設計中，經常會用到鼠標經過效果，比如鼠標經過時加邊框。下面是如何實現這一效果的CSS代碼：

.box {
border: 1px solid #ccc;
padding: 10px;
}
.box:hover {
border: 1px solid #f00;
}

以上代碼中，我們定義了一個名為box的元素，并為它設置了一個灰色的邊框和一些內邊距。當鼠標經過該元素時，我們使用:hover選擇器修改該元素的邊框顏色為紅色。這樣，當用戶將鼠標懸停在該元素上時，會發現它被一個紅色的邊框所包圍。

需要注意的是，這里的:hover選擇器只能用于改變元素的樣式，而不能用于改變元素的屬性。例如，我們無法在:hover選擇器中為圖片元素設置一個新的src屬性。因此，如果要實現更多的交互效果，可以使用JavaScript。

總之，鼠標經過加邊框是一種常見的用戶交互效果，可以幫助我們突出顯示頁面中的特定內容。通過使用CSS的:hover選擇器，我們可以輕松地為網站添加這一效果，使用戶的體驗更加豐富和有趣。