CSS下拉菜單是提高網頁交互性的一個重要方式，也是日常開發中比較常用的效果。其中，設置下拉菜單的邊框顏色可以讓頁面更加美觀大方，下面就來介紹如何實現這一效果。

/* 原生下拉菜單 */
select {
border: 1px solid #ccc;
}
/* 自定義下拉菜單 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
position: absolute;
z-index: 1;
padding: 5px 0;
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* 將邊框設置為紅色 */
.dropdown-content {
border-color: red;
}

首先，以上代碼展示了兩種下拉菜單樣式的設置方法，即原生下拉菜單和自定義下拉菜單。其中，原生下拉菜單使用了一個類似表單元素的select標簽，以及簡單的CSS樣式，獲得了一個普通的下拉菜單效果。自定義下拉菜單則使用了div元素模擬下拉菜單，并通過CSS樣式實現了菜單的展開和收起效果。

接著，對于自定義下拉菜單的樣式設置，代碼中使用了一個含有按鈕的dropdown元素，以及下拉內容的dropdown-content元素。當用戶鼠標懸停在dropdown元素上時，dropdown-content元素就會顯示出來。此處使用了position屬性實現了絕對定位，z-index屬性實現了層級疊放。

最后，關鍵的一步就是將邊框顏色設置為紅色。這里通過設置dropdown-content元素的border-color樣式即可實現。當然，您也可以將邊框樣式、寬度等其他屬性加入到這個樣式中，以完善下拉框的整體效果。具體使用效果可以參照代碼塊中的實例。