在網頁設計中，搜索框是非常重要的組件之一。關于搜索框的設計，我們可以使用 CSS 來為搜索框增加鏈接，為用戶提供更好的體驗。

下面我們來看一下如何使用 CSS 為搜索框加鏈接。

/* 首先，我們為搜索框添加一個 class */
.search-box {
position: relative;
}
/* 接著，我們在搜索框的后面添加一個鏈接 */
.search-box:after {
content: "搜索";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
text-align: center;
line-height: 40px;
background-color: #999;
color: #fff;
cursor: pointer;
}
/* 最后，我們再為鏈接添加一個鏈接地址 */
.search-box:after:hover {
background-color: #555;
}

通過上面的 CSS 代碼，我們為搜索框添加了一個文字為“搜索”的鏈接，當用戶點擊鏈接時會跳轉到相應的搜索結果頁面。

需要注意的是，為搜索框加鏈接需要結合 HTML 和 JavaScript 來實現，在實際開發過程中需要更加細致地調整代碼以適應實際需求。