在網站的搜索框中，邊框不僅起到美化頁面的作用，還能讓用戶更加方便準確地輸入所需信息。那么，如何在CSS中設置搜索框的邊框呢？

/* 設置搜索框整體樣式 */
.search-box {
width: 300px;
height: 40px;
border: 1px solid #ccc;
border-radius: 20px;
}
/* 設置搜索框輸入區域樣式 */
.input-box {
width: 250px;
height: 30px;
margin: 5px 0 0 25px;
border: none;
outline: none;
font-size: 16px;
}
/* 設置搜索框提交按鈕樣式 */
.submit-btn {
width: 50px;
height: 30px;
margin: 5px 0 0 0;
border: none;
outline: none;
background-color: #ccc;
border-radius: 15px;
cursor: pointer;
}

首先，我們需要確定搜索框的大小，并通過border屬性設置邊框樣式和顏色。如果需要設置邊框的圓角，可以使用border-radius屬性。

其次，我們需要對搜索框的輸入區域進行樣式設置。為了保證輸入框美觀大方，我們可以將border屬性設置為none，再使用outline屬性細化邊框樣式。另外，通過font-size屬性可以調節輸入文本的字體大小。

最后，我們還需要對搜索框中的提交按鈕進行樣式設置。通過設置width和height屬性設置按鈕大小，使用background-color屬性設置背景顏色，使用border-radius屬性設置圓角效果。另外，通過cursor屬性可以調整鼠標指針在按鈕上的樣式。

通過設置以上CSS屬性，我們可以輕松地定制出漂亮、實用的搜索框。當然，你也可以根據自己的需求進一步調整樣式哦！